导航到角度为2的其他组件中定义的子路由

Question

在我的应用程序中，我们在app.component.ts文件中创建了路由，如下所示。

@RouteConfig([ 
    { path: '/dashboard/...', name: 'Dashboard', component: DashboardComponent }, 
    { path: '/home', name: 'Home', component: HomeComponent }, 
]) 

和创建的路由在仪表板组件，用于子页面中的收件箱等的仪表板，档案馆等

@RouteConfig([ 
    {path:'/inbox', name: 'Inbox', component: InboxComponent, useAsDefault: true}, 
    {path:'/outbox', name: 'Outbox', component: OutboxComponent}, 
    {path:'/profile', name: 'MyProfile', component: MyProfileComponent} 
]) 

我现在已经生成的标题组分，它是常见的仪表板。 ，我试图从标题组件导航到

我已经试过

this.router.navigate(['Dashboard/MyProfile']); 

不过，这只是改变浏览器的URL框中的URL，但不重定向到组件“dathboard /个人资料”。

我是新来的角2.需要帮助来解决这个导航isssue。

Answer 1

这应该做你想要什么：

this.router.navigate(['/ Dashboard', 'MyProfile']); 

确保已ROUTER_PROVIDERS只在根组件添加一次（或可选择地在bootstrap()