如何添加一个`/`到我绑定数据的属性？

我决定动态地呈现在我的网页上我的链接和以前的链接看起来像这样如何添加一个`/`到我绑定数据的属性？

<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]"

以及其他一些我不能在那一刻想到的，没有什么工作。这样做对吗？没有它，链接将不起作用。

2017-01-22 Optiq

'=“'/'+ linkVal”'？否则，它不是一个有效的[模板表达式]（https://angular.io/docs/ts/latest/guide/template-syntax.html#!#template-expressions）。 – jonrsharpe

!!!是的！工作!!!! ...把这个作为答案，让我可以检查它？ – Optiq

对于绑定工作，你需要一个有效的template expression。在这种情况下，你想连接一个字符串和一个变量，所以你需要：

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

2017-01-22 23:28:10 jonrsharpe

回答