結合内角2の結合。イベント内の補間

Question

以下を実行して、が「式が期待される補間（{{}}）」を得ようとしています。「エラーです。

<ul> 
 
    <li *ngFor="#item of items"> 
 
    <a href='' (click)="foo('{{item.name}}')">{{item.name}}</a> 
 
    </li> 
 
</ul>

ありがとう！

Answer 1

が（ビュー上で）任意のイベントハンドラのコード内{{}}（補間）を使用しないでください、こっちあなたはfooにitem.nameを渡そうとしているように、Componentコンテキスト（this）に対して評価を受けるであろう直接式を渡します関数。したがって、{{}}括弧を削除すると、このトリックが実行されます。

<a href="" (click)="foo(item.name)"> 
    {{item.name}} 
</a>