Question

我为列表的每个元素都有一个按钮。

 <li *ngFor= "let sth of sthList">
     <button [ngClass]="'button'" (click)="plus()">plus</button>;
    {{count}}
 </li>

我想计算每个按钮的点击次数。当我这样做时：

count: number = 0;
plus() {
    this.count++;
  }

按钮不能单独工作。您是否知道如何编写可在每个按钮上独立运行的功能？

Answer 1

您需要为每个费率对象计数，并增加属性的计数。

类似的东西

<li *ngFor= "let rate of rateList">
     <button [ngClass]="'button1'" (click)="plus(rate)">+</button>;
    {{rate.count}}
 </li>

和TS

plus(rate:any) {
    rate.count += 1;
}