Angular 2 RC4到RC5自举

发布时间：2020-12-17 17:46:24 所属栏目：安全来源：网络整理

导读：自Angular 2 RC4以来,我有以下main.ts文件： import { bootstrap } from '@angular/platform-browser-dynamic';import { enableProdMode,provide } from '@angular/core';import {disableDeprecatedForms,provideForms} from '@angular/forms'; import {Requ

自Angular 2 RC4以来,我有以下main.ts文件：

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

如何从以下行导入所有提供者和摘要：

bootstrap(AppComponent,Title
])

在模块中工作？

解决方法

使用RC5,您需要以这种方式引导：

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

platformBrowserDynamic().bootstrapModule(AppModule);

只需将提供者移动到模块(提供者属性)：

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

对于表单,HTTP,路由,只需包含Angular2中的相应模块：

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

有关详细信息,请参阅迁移文档：

> https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!