如何阻止所有离子 ngfor 按钮一次被点击

【问题标题】：How to stop all ionic ngfor button from being clicked at once如何阻止所有离子 ngfor 按钮一次被点击
【发布时间】：2019-02-08 12:12:24
【问题描述】：

我在使用 ionic 应用程序时遇到了一些问题，所以我在 ngfor 中有一个按钮，它为每张卡片生成一个按钮，但是现在当我点击一个按钮（第一个按钮）时，所有其他生成的按钮都会被点击。我如何阻止其他人？如果我单击任何一个，则只有单击的那个应该立即执行所有操作。我试过这个：

(click)="onEvent($event)" onEvent(event) {
   event.stopPropagation();
}

【问题讨论】：

标签： javascript ionic3 ngfor

【解决方案1】：

像这样：

html 文件

 <button ion-button full  *ngFor="let b of buttonlist,let i = index" 
(click)="buttonclick(i)" >{{ b }}</button>

.ts 文件

buttonlist =[]
constructor(public navCtrl: NavController) {

this.buttonlist = ["A","B","C","D"]
}


buttonclick(i){

if(i == 0){
console.log("Clicked A")
}
if(i == 1){
 console.log("Clicked B")
}

if(i == 2){
 console.log("Clicked C")
}
if(i == 3){
 console.log("Clicked D")
}



}

工作示例

Stackblitz

【讨论】：