Angular 2 : Generate the route link using functions/Dynamically generate the routerLink

我想动态创建一个路由链接。

我已经加载了页面的 html，但是，我需要在 URL 中使用一个 id，该 id 稍后可用。

HTML :

<a href="javascript:void(0)" routerLink="cartoonBoxUrl()" routerLinkActive="active">Add Content to Cartoon Box</a>

这个routelink中的link包含了卡通盒子的id(/carton-box/1)。该ID在页面加载后可用。因此，我需要一种方法来创建包含此 ID 的路由链接。

所以我相信我们可以做一些类似的事情:routerLink="'cartoon-box/' + id" 但我希望将 routerlink 链接到一个组件函数

最佳答案

如果没有[]，Angular不会评估表达式，而只会使用cartoonBoxUrl()作为文字字符串。

<a href="javascript:void(0)" [routerLink]="cartoonBoxUrl()" routerLinkActive="active">Add Content to Cartoon Box</a>

关于 Angular 2 : Generate the route link using functions/Dynamically generate the routerLink，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40544937/