如何添加一個`/`到我綁定數據的屬性？

我決定動態地呈現在我的網頁上我的鏈接和以前的鏈接看起來像這樣如何添加一個`/`到我綁定數據的屬性？

<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

回答