Question

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

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

在Dashboard组件中为仪表板中的子页面创建路由，如收件箱，档案等。

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

现在我创建了标题组件，这在仪表板中很常见。我正试图从标题组件导航到＆＃39; dathboard / profile＆＃39;

我试过了

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

但这只是在浏览器URL框中更改URL，而不是重定向到组件。

我是角色2的新手。需要帮助来解决此导航问题。

Answer 1

这应该做你想要的：

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

确保您只在根组件中添加ROUTER_PROVIDERS一次（或bootstrap()中添加。{/ p>

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

1 个答案: