Angular 6 [routerLink]将不接受动态辅助路线

时间:2018-09-15 09:05:00

标签: javascript angular typescript angular2-routing angular6

因此,我一直在尝试为我的应用程序创建可重用的辅助路由组件,并且在将动态数据用于标准路由时成功更新了routerLink。

data = [ {name: 'x', route:'/hello'/} ];

<a *ngFor="let x of data" [routerLink]="x.route"> {{x.name}} </a>

因此,与使用不带动态数据的辅助路线一样,效果很好。

[routerLink]="[ { outlets: { 'admin':['admin']}}]

当我尝试将[{ outlets: { 'admin':['admin']}}]放入数据结构以填充[routerLink]="x.route"

我被抛出此错误。

Uncaught (in promise): Error: Cannot match any routes. URL Segment:
 'userAccounts/%5B%20%7B%20outlets:%20%7B%20'admin':%5B'admin'%5D%7D%7D%5D'

Error: Cannot match any routes. URL Segment: 
'userAccounts/%5B%20%7B%20outlets:%20%7B%20'admin':%5B'admin'%5D%7D%7D%5D'
    at ...

对此感到困惑,因此不胜感激。

编辑-我也尝试过

/(admin:admin) & /parentElement/(admin:admin)

0 个答案:

没有答案