如何在 Angular2 中分配动态路由器？

Question

我在尝试 assgin 路由器时遇到问题：

item.href = 'address';
item.text = 'click to Address';

并在模板中：

<a class="nav-link" [routerLink]="['{{item.href}}']" >{{item.text}}</a>

但还是报错： "Got interpolation ({{}}) where expression was expected at...."

请帮我在模板中分配路由器是动态的。

Answer 1

你不应该{{}}在那里插值得到评估值，你可以直接使用item.href来填充href值。

代码

<a class="nav-link" [routerLink]="[item.href]" >{{item.text}}</a>