Question

我尝试更新我的应用程序以使用新的v3路由器，而不是刚刚宣布的角色团队http://angularjs.blogspot.com.au/2016/06/improvements-coming-for-routing-in.html，我在我的应用中的页面之间导航时出现问题，这是我的路线< / p>

{ path: '/list', component: UserListComponent, index: true},
{ path: '/payrates', component: AdjustPayrateComponent },
{ path: '/assign', component: AssignUserComponent },
{ path: '/edit/:userId', component: EditUserComponent },
{
    path: '/documents',
    component: DocumentComponent, 
    children: [
        { path: '/', component: DocumentComponent, index: true },
        { path: '/:id', component: DocumentComponent },
        { path: '/upload', component: DocumentUploadComponent }
    ]
},

我想从/ list页面导航到/ documents /：id页面，以查看列表页面上用户的文档。

viewDocuments(user: UserList) {
    this.router.navigate(['/documents', { id: user.UserId }], { relativeTo: this.route });
}

但是我收到错误＆＃39; Outlet未激活＆＃39;并不确定这意味着什么。我是以http://plnkr.co/edit/ER0tf8fpGHZiuVWB7Q07?p=preview

上的示例为基础的

如果有人对如何使用新路由器进行导航有任何示例或建议，我们将不胜感激，谢谢！

Answer 1

想出了问题，我的列表页面中有一个剩余的<router-outlet>指令，我想当尝试从该页面导航时，路由器正试图加载到那个坏的插座中。

路由器导航：未激活插座

1 个答案: