routerLink加载嵌套的父级＆gt; child-＆gt;子级的页面

Question

我正在尝试使用routerLink加载带有两个命名插座的parent-＆gt; child-＆gt;子路由器插座的页面。

 http://localhost:4200/#/output/(output:details/(data:distributions))

1）如果我将网址粘贴到浏览器中，则可以

2）如果我使用下面的作品：

this.router.navigateByUrl('output/(output:details/(data:distributions))');

如果我尝试在angular2标签组件中使用路由器链接，则“无法正常工作”

[routerLink]="['/output', {outlets: {'output': ['details'],'data':['distributions']}}]"

 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'output'

我的其他只有父母的链接 - >孩子做的工作：

 [routerLink]="['/output', {outlets: {'output': ['scenarios']}}]"

我必须假设我格式化routerLink不正确的parent-＆gt; child-＆gt;孩子。

Answer 1

你可以这样做：

routerLink = [
  '/output', {outlets: {'output': ['details', {outlets: {'data': ['distributions']}}]}}
]);