如何在我绑定数据的属性中添加`/`？

Question

我决定在我的页面上动态呈现我的链接，之前链接看起来像这样

<a routerLink="/home" routerLinkActivate="active">Home</a>

现在我正在将数据绑定到它们以动态填充它们，现在语法

<a [attr.routerLink]="link.val" *ngFor="let link of linkData">
    {{link.link}}
</a>

当我真正想到它时，我意识到/不会保存在firebase数据库中。但现在我无法弄清楚如何在那里获得/。

我试过

"/link.val"
"/+link.val"
"/++link.val"
"/(link.val)"
"/{link.val}"
"(/)link.val"
"(/)+link.val"
"/[link.val]"

以及其他一些我现在想不到的，没有什么工作。有可能做到这一点吗？没有它，链接将无法正常工作。

Answer 1

要使绑定生效，您需要有效的template expression。在这种情况下，您希望将文字字符串与变量字符串连接起来，因此您需要：

[attr.routerLink]="'/' + link.val"