点击事件中的ngFor对象

Question

我正在开发一个应用程序，它显示了一个元素列表（使用ngFor），这些元素也有一个＆＃34; add＆＃34;按钮。单击按钮时，该元素应显示在单独的列表中：

<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;
}

我希望将警官作为点击事件中的参数，但这样做并不起作用。那我该怎么办呢？

Answer 1

不要在输出绑定中使用插值

(click)="addToList(trooper)"