点击事件中的ngFor对象

Question

我正在开发一个应用程序,它显示了一个元素列表(带有ngFor),它也有一个"添加"按钮.单击按钮时,该元素应显示在单独的列表中:

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

我希望将trooper作为click事件中的参数,但这种方式不起作用.那我该怎么办呢？

Answer 1

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

(click)="addToList(trooper)"