Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在For循环中实现按钮,分别访问每个按钮_Angular - Fatal编程技术网

Angular 在For循环中实现按钮,分别访问每个按钮

Angular 在For循环中实现按钮,分别访问每个按钮,angular,Angular,我正在为按钮实现一个for循环,单击相应的按钮颜色必须改变 但在我的例子中,如果我点击按钮,每个按钮的颜色都在变化。我想你一定有一些数组有这样的元素 colorArray = [ {color: "red"}, {color: "red"}, {color: "red"}, {color: "red"}, {color: "red"} ] <div *ngFor = "let color of colorArray" >

我正在为按钮实现一个for循环,单击相应的按钮颜色必须改变


但在我的例子中,如果我点击按钮,每个按钮的颜色都在变化。

我想你一定有一些数组有这样的元素

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";
  }
为了迭代。所以你可以像这样点击特定的按钮来改变颜色

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

更改颜色(clr){
clr.color=“蓝色”;
}

到现在为止你还需要努力。我的意思是显示你的代码。没有代码,没有人会帮助你,如果你正在寻找一个平台来上传你的示例代码