*ngFor 在按钮中不起作用 Angular

Question

我有一个数据表，每行都有一个按钮。这个按钮有效

<button mat-raised-button color="primary" (click)="action(car.id)">Action</button>

我正在尝试为数据表的所有行创建一个调用操作 (car.id) 的按钮，因此对于所有 car.id

<button>
    <div *ngFor='let cars of car'>
      <span (click)='this.action(cars.id)'>Action</span>
    </div>
</button>

按钮 returns 只有一个 ID 我试图通过更改 *ngFor 的位置来修改它，但它仍然无法正常工作。如果我将 *ngFor 放在按钮标签中，它会创建多个可用的按钮，但我只需要一个按钮即可单击它

Answer 1

在您的组件 ts 文件中

public actionForAll(){
  this.cars.forEach((car) => {
     this.action(car.id)
   });
}

在您的组件中 html 文件

<button mat-raised-button color="primary" (click)="actionForAll()">Action</button>

*ngFor in a button is not working in Angular