/ / Angular 2 RC4 a RC5 bootstrapping - angular

Angular 2 RC4 a RC5 bootstrapping - angular

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 № 1

Con 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: