2016-08-12 71 views
5

因为我有角2 RC4以下main.ts文件:角2 RC4到RC5引导

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)); 

现在..我需要它作为一个模块。所以我创建app.module.ts文件

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 {} 

如何导入我的所有供应商和declrations从以下线路:

bootstrap(AppComponent, [ 
    appRouterProviders, 
    disableDeprecatedForms(), 
    provideForms(), 
    HTTP_PROVIDERS, 
    provide(RequestOptions, {useClass: CustomRequestOptions}), 
    Title 
]) 

到模块中的工作吗?

回答

7

随着RC5,你需要引导这样:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './app/app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule); 

只需将您的供应商到模块的那些(providers属性):

@NgModule({ 
    (...) 
    providers: [ 
    provide(RequestOptions, {useClass: CustomRequestOptions}), 
    Title 
    ] 
}) 

对于形式,HTTP,路由,只需包含来自Angular2的相应模块:

@NgModule({ 
    (...) 
    imports: [ 
    BrowserModule, 
    RouterModule.forRoot(config), 
    FormsModule, 
    HttpModule, // provides HTTP_PROVIDERS 
    ] 
}) 

查看迁徙有关详细信息,ñDOC:

+0

您好亨利,可惜你上面分享的链接断开。我有个问题。 ''platformBrowserDynamic()。bootstrapModule()'return'Promise'?在Angular2加载'AppModule'之后,我们可以做一些特定于App的引导工作吗? – sanbhat