Angular 2 Bindung innerhalb der Bindung. Interpolation innerhalb des Ereignisses

Question

Der Versuch, Folgendes zu tun und zu erhalten "Interpolation ({{}}) erhalten wo Ausdruck erwartet wurde" Fehler.

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

Dank!

Answer 1

Verwenden Sie keine {{}} (Interpolation) innerhalb jedes Code-Ereignishandler (auf einen Blick), Ausdruck Do not Pass direkt die gegen Component Kontext ausgewertet wird erhalten (this), wie hier Sie versuchen item.name zu foo passieren Funktion. So würde das Entfernen {{}} Klammern den Trick tun.

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