拆分 – 从主应用程序文件中分离角度2路径配置

在route-deFinitions.ts这样的文件中：

import { RouteDeFinition } from 'angular2/router';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
import { InfoComponent } from './info/info.component';

export const RouteDeFinitions: RouteDeFinition[] = [
    {
        path: '/',name: 'Home',component: HomeComponent,useAsDefault: true
    },{
        path: '/about',name: 'About',component: AboutComponent
    },{
        path: '/info',name: 'Info',component: InfoComponent
    }
];

然后回到你的app.component.ts文件中：

import { Component } from 'angular2/core';
import { RouteConfig,ROUTER_DIRECTIVES,ROUTER_PROVIDERS } from 'angular2/router';
import { RouteDeFinitions } from './route-deFinitions';

@Component({
    SELEctor: 'my-app',templateUrl: 'app/app.component.html',directives: [ROUTER_DIRECTIVES],providers: [
      ROUTER_PROVIDERS
    ]
})
@RouteConfig(RouteDeFinitions)
export class AppComponent { }