带路由器插座的嵌套路由

时间:2018-06-18 18:21:52

标签: angular routing

{
  path: 'home', component: HomeComponent, children: [
    {
      path: 'user', component: UserComponent, outlet: 'content', children: [
        {
          path: ':id', component: UserdetailsComponent, outlet: 'content'
        }
      ]
    }
  ]
}

使用网址/home/(content:user)调用第一级孩子时,一切正常。

但是,在使用网址/home/(content:user/1)调用二级子级时,会引发以下错误:

  

错误错误:未捕获(在承诺中):错误:无法匹配任何路由。网址细分:'主页'

我发现的唯一解决方法是只使用一个级别的嵌套子级,这意味着同时使 Userdetails组件 UserComponent 指向 HomeComponent 的子级

为什么会发生这种情况?

修改

这是我调用网址的方式。

<a [routerLink]="[{outlets: {content: [user]}}]">test1</a>
<a [routerLink]="[userid]">test2</a>

0 个答案:

没有答案