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