2017-01-22 4 views
0

私は私のページに動的に私のリンクをレンダリングすることを決定し、以前のリンクは、私はそれらを移入するためにそれらのデータを結合していて動的な構文は今データにバインドする属性に `/`を追加するにはどうしたらいいですか?

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

であることを今、この

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

のように見えました私は/がfirebaseデータベースに保存されないことに気付きました。しかし、今私はそこに/を取得する方法を見つけることができません。

私は私が現時点で考えることはできませんし、何も作業していない

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

だけでなく、いくつかの他を試してみました。これを正しく行うことは可能ですか?それがなければリンクは機能しません。

+1

'=" '/' + linkVal "'?それ以外の場合は、有効な[テンプレート式](https://angular.io/docs/ts/latest/guide/template-syntax.html#!#template-expressions)ではありません。 – jonrsharpe

+0

!!!はい!!!それはうまくいった!!!! ...私はそれを確認することができる答えとしてそれを置くことを覚えていますか? – Optiq

答えて

1

有効にするには有効なtemplate expressionが必要です。この場合、リテラル文字列に変数1を連結する必要があります。

[attr.routerLink]="'/' + link.val" 
関連する問題