創建與路由器參數

Question

我angular1我創建像一個ID參數的鏈接一個鏈接：

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

在angular2，我已經試過

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

，但得到的錯誤：

Parser Error: Got interpolation ({{}}) where expression was expected at column 12 in [['rbac/role/{{role.rid}}/edit']] in RolesViewComponent@18:23

如何設置此鏈接而不調用組件的功能來創建它？

謝謝

Answer 1

你不應該使用內routerLink指令{{}}插，你需要做一個細微的變化如下圖所示。將其與零件分開，表達式部分將在組件上下文中進行評估（this）&此後所有將與/加入以形成URL。

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