如何在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>