路由器导航:未激活插座

Question

我正在尝试更新我的应用程序以使用新的V3路由器，而不是刚刚宣布的Angular团队http://angularjs.blogspot.com.au/2016/06/improvements-coming - 对于路由in.html，我在应用程序中的页面之间遇到问题，这是我的路线

{ 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 }
    ]
},

我想从"/列表"页面导航到/文档/：ID页面以从列表页面上的用户查看文档。

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

但是，我遇到了"未激活插座"的错误，但不确定这意味着什么。我正在以http://plnkr.co/edit/er0tf8fpghziuvwb7q07？

如果有人有关于如何使用新路由器进行导航的任何例子或建议，请感谢！

Answer 1

弄清楚了这个问题，我在列表页面内有一个剩余的<router-outlet>指令，我想在试图从该页面导航的路由器试图将其加载到那个坏插座中。