import {Component} from 'angular2/core';
import {bootstrap} from 'amgular2/platform/browser';
import {RouteConfig,ROUTER_DIRECTIVES,ROUTER_BINDINGS} from 'angular2/router';
import {Home} from './components/home/home';
import {Anout} from './components/about/about';
@Component({
selector:'app',
templateUrl:'./app.html',
directives:[ROUTER_DIRECTIVES]
})
@RouteConfig([
{path:'/',component:Home,name:'home'},
{path:'/about',component:About,name:'about'}
])
class App {}
bootstrap(App, [ROUTER_PROVIDERS]);
路由位于angular2/router这个模块中。在那里可以找到框架定义的各种路由、配置路由用的装饰器,以及ROUTER_PROVIDERS。
传递给@RouteConfig装饰器的参数示范了在应用中定义路由的方式:用了一个对象数组,其中定义了路由与对应组件之间的映射关系。