Html *按钮中的ngFor在角度上不起作用

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

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

动作

我正在尝试创建一个按钮，用于为datatable的所有行调用action（car.id），因此对于所有car.id

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

行动

该按钮仅返回ID的一个od 我试图通过更改*ngFor的位置来修改它，但它仍然不起作用。

---

如果我将*ngFor放在按钮标签中，它会创建多个可用的按钮，但我只需要一个按钮就可以在组件ts文件中单击它

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

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

---

在组件html文件中

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

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

动作

你确定是

让车换车

而不是

让车换车

？另外，函数中不应该有

这个

，这是隐含的。我试过让车或车，但在我的例子中是车中的车。这是一个错误，但它是有效的。我也试着加上这个。但这并没有改变什么。它仍然只返回一个idIt为我工作。我需要一个独特的按钮，返回车1，车2，车3。。。我也有和你一样的结果，多个按钮分开工作。我现在尝试使用TrackBy，如果解决了问题，请将答案标记为已接受