首页 文章

routerLink加载嵌套的parent-> child-> child的页面

提问于
浏览 次
1

我正在尝试使用routerLink加载父 - >子 - >子路由器插座的页面，其中包含两个命名插座 .

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

1）如果我将URL粘贴到浏览器中就可以了

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']}}]"

我必须假设我为parent-> child-> child格式化routerLink不正确 .

angular angular2-routing

1 回答

  • 1

    你可以这样做：

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

相关问题