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

Question

尝试使用 assgin 路由器时遇到问题：

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

在模板中：

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

但它仍然是错误：“得到插值（{{}}），表达式应该在......”

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

Answer 1

您不应该{{}}在那里插值以获得评估值，您可以直接用于item.href填充href值。

代码

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