Question

我正在创建一个Ionic应用程序，我正在创建配置文件grups。为此，用户需要从复选框列表中选择配置文件，然后单击按钮并创建组。此时，已经选择的那些配置文件应该消失，或者至少应该无法单击它们，但我不能这样做。码： HTML

<ion-list>
  <ion-item *ngFor="let profile of profiles; let i = index">
     <ion-label>{{profile.name}}</ion-label>
     <ion-checkbox color="dark" [(ngModel)]="values[i]"></ion-checkbox>
  </ion-item>
</ion-list>
<button ion-button full (click)="addGroup()">Add group</button>

TS

profiles = [];
values = [];
groupList = [];

addGroup(){
let y=0;
for(let i=0; i<this.values.length; i++){
  if(this.values[i] == true){
    this.groupList[y] = this.profiles[i];
    y++;
  }
}
let alert = this.alertCtrl.create({
  title: 'Group created!',
  buttons: ['OK']
});
alert.present();

//I tried this to solve the problem, but it is not really what I want...
for(let i=0; i<this.values.length; i++){
  if(this.values[i] == true){
    this.profiles[i] = 0;
  }
}
}

Answer 1

您尝试循环覆盖值，但它是一个空数组。在这里，您似乎缺少核心编程概念。

单击离子上的按钮后禁用复选框

1 个答案: