使用路由器参数创建链接

Question

我angular1我创建了一个ID参数的链接，如：

<a href="rbac/role/{{role.id}}/edit">edit</a>

在angular2中，我试过了

<a [routerLink]="['rbac/role/{{role.rid}}/edit']">edit</a>

但得到错误：

  

分析器错误：得到插值（{{}}），其中表达式是预期的   在[[＆＃39; rbac / role / {{role.rid}} / edit＆＃39;]]的第12栏中   RolesViewComponent @ 18：23

如何在不调用Component的功能的情况下设置此链接以创建它？

谢谢

Answer 1

你不应该在{{}}指令中使用routerLink插值，你需要做如下的微小改动。将其与part分开，表达式部分将评估组件上下文（this）＆amp;之后所有人都将加入/以形成网址。

<a [routerLink]="['rbac/role', role.rid, 'edit']">edit</a>