在For循环中实现按钮，单独访问每个按钮

Question

我正在为按钮实现for循环，点击相应的按钮颜色必须更改。

但在我的情况下，如果我点击按钮，每个按钮颜色都会改变。

Answer 1

我假设你必须有一些包含这样的元素的数组

colorArray = [
    {color: "red"},
    {color: "red"},
    {color: "red"},
    {color: "red"},
    {color: "red"}
  ]

为了迭代。所以你可以点击特定的按钮来点亮颜色

<div *ngFor = "let color of colorArray" >
        <div class = "col-md-3">
        <input type="button" (click)="changeColor(color)" value ="Delete" [style.background]='color?.color || "blue"' />
        </div>
   </div>

changeColor(clr) {
    clr.color = "blue";
  }

Working example