这也引起了我的注意。 RC5 对路由和引导方式的重大变化,很大程度上依赖于 app.module.ts 和 @NgModule 装饰器。文档已在此处更新:https://angular.io/docs/ts/latest/ 和更改日志:https://github.com/angular/angular/blob/master/CHANGELOG.md
路由文件的主要更改是对import 和export 语句的更改。下面举例说明了一个简单的示例,它有两个组件,AppComponent 和 HomeComponent,它们服务于来自 index.html 的 HomeComponent:
文件:app.routing.ts
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
const appRoutes: Routes = [
{
path: '',
redirectTo: '/home',
pathMatch: 'full'
},
{
path: 'home',
component: HomeComponent
}
];
export const routing = RouterModule.forRoot(appRoutes);`
然后你需要使用一个 NgModule 文件:
文件:app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { HomeComponent } from './home.component';
import { routing } from './app.routing';
@NgModule({
imports: [ BrowserModule, routing ],
declarations: [ AppComponent, HomeComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }
然后您需要将AppModule 拉入main.ts 并使用它进行引导。
文件:main.ts
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);`
此模式不会产生控制台警告消息。