Angular 在For循环中实现按钮,分别访问每个按钮
我正在为按钮实现一个for循环,单击相应的按钮颜色必须改变Angular 在For循环中实现按钮,分别访问每个按钮,angular,Angular,我正在为按钮实现一个for循环,单击相应的按钮颜色必须改变 但在我的例子中,如果我点击按钮,每个按钮的颜色都在变化。我想你一定有一些数组有这样的元素 colorArray = [ {color: "red"}, {color: "red"}, {color: "red"}, {color: "red"}, {color: "red"} ] <div *ngFor = "let color of colorArray" >
但在我的例子中,如果我点击按钮,每个按钮的颜色都在变化。我想你一定有一些数组有这样的元素
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=“蓝色”;
}
到现在为止你还需要努力。我的意思是显示你的代码。没有代码,没有人会帮助你,如果你正在寻找一个平台来上传你的示例代码