Angular 2：使用函数生成路由链接/动态生成routerLink

发布时间：2020-12-17 17:58:48 所属栏目：安全来源：网络整理

导读：我想动态创建一个路由链接. 我有html加载页面但是,我需要在URL中使用一个id,以后可用. HTML： a href="javascript:void(0)" routerLink="cartoonBoxUrl()" routerLinkActive="active"Add Content to Cartoon Box/a 此routelink中的链接包含卡通框的ID(/ cart

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

我有html加载页面但是,我需要在URL中使用一个id,以后可用.

HTML：

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

此routelink中的链接包含卡通框的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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!