angular2 路由填坑

1.在app-moduel文件里添加
import { RouterModule, Routes } from '@angular/router';
并在import里面引入
imports: [
RouterModule,
RouterModule.forRoot(routes)
]
2.添加路由定义
const routes: Routes = [
{path: "", component:TestComponent},
{path: "./test/test1.component", component:Test1Component},
{path: "./test/test2.component", component:Test2Component}
]
3.添加路由出口
<router-outlet></router-outlet>

注解
你必须首先初始化路由器，并让它开始监听浏览器中的地址变化。

把 [RouterModule] 添加到 @[NgModule.imports] 数组中，并用 routes 来配置它。你只要调用 [imports] 数组中的[RouterModule.forRoot()] 函数就行了。

这个方法之所以叫 [forRoot()]，是因为你要在应用的顶级配置这个路由器。 [forRoot()] 方法会提供路由所需的服务提供商和指令，还会基于浏览器的当前 URL 执行首次导航。