ngFür Objekt in Klickereignis

Question

Ich arbeite an einer Anwendung, die eine Liste von Elementen (mit ngFor) zeigt, die auch einen "hinzufügen" Button haben. Wenn auf eine Schaltfläche zu klicken, sollte das Element in einer separaten Liste angezeigt werden:

<ul> 
    <li *ngFor="let trooper of impalasum"> 
     {{trooper.name}} <button id="btn_{{trooper.name}}" (click)="addToList({{trooper}})">Add</button> 
    </li> 
</ul> 
<hr> 
<ul> 
    <li>{{addedTrooper.name}} -> XY</li> 
</ul> 

addToList(troop: Trooper): void{ 
    this.addedTrooper = troop; 
} 

ich den Trooper als Parameter in dem Click-Ereignis haben wollen, aber auf diese Weise funktioniert es nicht. Wie kann ich das tun?

Answer 1

Verwenden Interpolation innerhalb Ausgang nicht bindend

(click)="addToList(trooper)"