我有一个参数定义为的路线
export const jobDetailsRoute: Route = { path: 'job-detail/:jobId/:jobTitle', component: JobDetailsComponent, };
我像这样导入到我的组件中
public readonly jobDetailsRoute: Route = jobDetailsRoute;
但是,当我参考下面的路线时,它会生成一个无效链接
http://mydomain/job-detail/%3AjobId/%3AjobTitle/oNPj5fwK/Dynamics%20365%20Developer
<a [routerLink]="[ jobDetailsRoute.path, job.id, job.title ]" [translate]="'DASHBOARD.ANCHOR'"></a>
在控制台中引发以下错误
无法匹配任何路由。URL 段:'job-detail/%3AjobId/%3AjobTitle/oNPj5fwK/Dynamics%20365%20Developer'
当我将 routerLink 生成为字符串时,我得到了一个正确的链接 http://mydomain:4200/job-detail/oNPj5fwK/Dynamics%20365%20Developer
<a [routerLink]="[ 'job-detail', job.id, job.title ]" [translate]="'DASHBOARD.ANCHOR'"></a>
我哪里出错了?
的routerLink
期望的路径段。因此,在第一种情况下,当您使用 时jobDetailsRoute.path
,带有动态线段的整个路线将连接起来以生成完整路线。
例如 ['/team', teamId, 'user', userName, {details: true}] 意味着我们要生成一个指向 /team/11/user/bob;details=true 的链接。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句