Angular 6-具有辅助路径的动态url字符串

Question

我的子路线定义为：

{ path: 'training', component: TrainingComponent, outlet: 'history' }

使用以下语法进行路由时，路由可以正常工作：

<a mat-tab-link [routerLink]="[{ outlets: { history: ['training'] } }]">
        Training
</a>

但是，我是通过api调用动态加载这些链接的，它返回的字符串路径为“ / history / tab /（history：training）”

当angular生成url时，它是正确的，但出现错误：错误：无法匹配任何路由。

是否需要使用[routerLink] =“ [{出口：{历史：['training']}}}]”语法，或者是否有通过简单的字符串传递路由器链接的方法？

Answer 1

嗨，不确定，但是您可以尝试navigate[]和navigateByURL()。 单击该按钮时，请在您的组件中调用一个方法并使用其中任何一种方法，这可能会有所帮助。

Answer 2

<a mat-tab-link [routerLink]="['/parent',{ outlets: { history: ['training'] } }]">
    Training

我想您也必须在给网点指定子级路线之前先将其传递给父级