イオン2はリスト内の特定のボタンを無効にする

Question

私は* ngforによって生成されたリストを持っています、各アイテムの中にボタンがあります。 ボタンを無効にしようとすると、各アイテムのすべてのボタンが無効になります。

.htmlを

<ion-item *ngFor="let item of list"> 
      <button color="app ionbutton (click)="disable()" [disabled]="isDisabled">button</button> 
     </ion-item> 

.TS

isDisabled=false; 
disable(){this.isDisabled=true;} 

Answer 1

すべてのボタンが同じ変数そうそう、彼らはすべて無効になりますにバインドされています。

list : any[] = [{itemId : 1, disabled : false},{itemId : 2, disabled : false},{itemId : 3, disabled : false}] 

constructor(){} 

disable(item) { 
    item.disable = true; 
} 

そして、あなたのテンプレートで：

<ion-item *ngFor="let item of list"> 
      <button color="app ionbutton (click)="disable(item)" [disabled]="item.disabled">button</button> 
</ion-item> 

はあなたのアイテムの属性に値をバインドすることができ、あなたの問題を解決するために、