Tengo el siguiente archivo main.ts desde Angular 2 RC4:
import { bootstrap } from "@angular/platform-browser-dynamic";
import { enableProdMode,provide } from "@angular/core";
import {disableDeprecatedForms, provideForms} from "@angular/forms";
import {RequestOptions,HTTP_PROVIDERS} from "@angular/http";
import { AppComponent, environment } from "./app/";
import { appRouterProviders } from "./app/app.routes";
import {customRequestOptions} from "./app/custom-request-options";
import { Title } from "@angular/platform-browser";
if (environment.production) {
enableProdMode();
}
bootstrap(AppComponent, [
appRouterProviders,
disableDeprecatedForms(),
provideForms(),
HTTP_PROVIDERS,
provide(RequestOptions, {useClass: CustomRequestOptions}),
Title
])
.catch(err => console.error(err));
Ahora ... necesito tenerlo todo como un módulo. así que creé app.module.ts
archivo
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { AppComponent } from "./app.component";
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule],
bootstrap: [AppComponent],
})
export class AppModule {}
Cómo puedo importar todos mis proveedores y declrations desde la siguiente línea:
bootstrap(AppComponent, [
appRouterProviders,
disableDeprecatedForms(),
provideForms(),
HTTP_PROVIDERS,
provide(RequestOptions, {useClass: CustomRequestOptions}),
Title
])
¿Trabajar en el módulo?
Respuestas
7 para la respuesta № 1Con RC5, necesitas arrancar de esta manera:
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppModule } from "./app/app.module";
platformBrowserDynamic().bootstrapModule(AppModule);
Simplemente mueva sus proveedores a los del módulo (providers
atributo):
@NgModule({
(...)
providers: [
provide(RequestOptions, {useClass: CustomRequestOptions}),
Title
]
})
Para formularios, HTTP, enrutamiento, simplemente incluya los módulos correspondientes de Angular2:
@NgModule({
(...)
imports: [
BrowserModule,
RouterModule.forRoot(config),
FormsModule,
HttpModule, // provides HTTP_PROVIDERS
]
})
Vea el documento de migración para más detalles: