在 Angular 2 RC 5 中引导应用程序

Question

据我所知，我现在应该使用模块进行引导。但是现在我不明白我应该如何提供自定义提供程序？

来自 RC 4 的示例：

bootstrap(
  ....
  {
     provide : Router,
     useClass: SomeClass
  },
  {
     provide : API_URL,
     useValue: "awesome url"
  },
  {
     provide : AUTH_URL,
     useValue: "other awesome url"
  }
)

如何在新的引导系统中传递这个参数？

Answer 1

在AppModule中：

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    routing,
    HttpModule
  ],
  declarations: [
    AppComponent,
    HeroesComponent,
    DashboardComponent,
    HeroDetailComponent,
    HeroSearchComponent
  ],
  providers: [ // <=== THIS
    HeroService,
    { provide: XHRBackend, useClass: InMemoryBackendService }, // in-mem server
    { provide: SEED_DATA,  useClass: InMemoryDataService }     // in-mem server data
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {
}

其中 providers 指定 自定义提供商

检查更新 英雄之旅 https://angular.io/resources/live-examples/toh-6/ts/plnkr.html

在 Angular 2 RC 5 中引导应用程序

Bootstrapping app in Angular 2 RC 5

angular

angular2-directives

angular2-services