2017-01-05 5 views
0

私はrouterLinkのパラメータとしてバインドされたプロパティをどのように渡すことができるかに関するいくつかのドキュメントを見つけるのに苦労しています。角2 - バインドされたプロパティであるrouterLinkにパラメータを渡すにはどうすればよいですか?

<a [routerLink]="['/dashboards', {{ product.id }} ]'" class="dead-link"> 
    <div class="card-header"> 
     {{ product.programName }} 
    </div> 
    <div class="card-block"> 
     <h4 class="card-title product-name">{{ product.name }}</h4> 
     <p class="card-text product-description">{{ product.description | TruncatePipe }}</p> 
    </div> 
    <div class="card-footer text-muted"> 
     Last Updated {{ product.modifiedDate | date: 'MMMM d, y' }} 
    </div> 
</a> 

これを行う方法はありますか?現在、次のエラーが表示されています。

EXCEPTION: Error: Uncaught (in promise): Template parse errors: 
Lexer Error: Unterminated quote at column 31 in expression [['/dashboards', {product.id} ]'] ("<a [ERROR ->][routerLink]="['/dashboards', {product.id} ]'" class="dead-link"> 
    <div class="card-header"> 

ありがとうございます!

答えて

2
<a [routerLink]="['/dashboards', {{ product.id }} ]'" class="dead-link"> 

あなたが」余分を持っている、とあなたは "{{}}" の周り

<a [routerLink]="['/dashboards', product.id ]'" class="dead-link"> 

グッドラックproduct.idを!必要はありません。

関連する問題