如何在angular2中进行布线？

我想在angular2项目中从登录页面导航到主页。 下面是使用的示例代码

login.component.ts

@RouteConfig([
{路径：'/home'，名称：'home'，组件：HomeComponent}
])
@组成部分({
选择器：“登录”，
提供者：[登录服务]，
templateUrl:'app/login/login.component.html'
})
导出类登录组件{
登录（）{
//.....
这是路由器导航（['Home']）；
}

home.component.ts

@组件({
选择器：“主页”，
templateUrl:'app/home/home.component.html'
})

app.component.ts

@组件({
选择器：“我的应用程序”，
模板：`
`,
指令：[登录组件，路由器指令]，
提供者：[路由器提供者]
})
@线路图([
{路径：'/login'，名称：'login'，组件：LoginComponent}
])
导出类AppComponent{}

---

但它不起作用。如何进行路由？

您应该定义到您家的路由。我建议您也添加在路由与任何路由不匹配时导航位置的信息。在这种情况下，app.component.ts中的RouteConfig装饰器应该如下所示：

@RouteConfig([
   { path: '/login', name: 'Login', component: LoginComponent },
   { path: '/home', name: 'Home', component: HomeComponent, useAsDefault: true   },
   { path: '/*other', name: 'Other', redirectTo: ['/Home'] }
])

现在，您可以通过登录轻松导航到主组件：

this.router.navigate(['/Home']);

你把html文件放进去了吗？