如何从数组中检查复选框值

Question

我正在使用 ion-checkbox

<ion-list *ngIf = "heirList.length > 0">
  <ion-item *ngFor = "let each of heirList">
    <ion-label>
      <h5>{{each.name}} </h5>
      <h5 clear item-end class="text-blue badge-alert"> #102</h5>
    </ion-label>
    <ion-checkbox  class="selectlist" (ionChange) = "addHeir(each)"></ion-checkbox>
  </ion-item>
</ion-list>

addHeir(each) 正在检查该元素是否存在于另一个数组中，如果它存在则将其删除，否则它将该元素添加到该数组中，到目前为止一切正常，但如果我回到该页面，它不会显示复选框已选中。

addHeir(value) 函数如下：

addHeir(value) {
    let index = tempArray.indexOf(value);
    if (index != -1) {
      tempArray.splice(index, 1);
    }
    else {
      tempArray.push(value);
    }
    console.log(tempArray.value);
  }

Answer 1

你需要设置ngModel指令

<ion-checkbox [(ngModel)]="each" class="selectlist" (ionChange) = "addHeir(each)"></ion-checkbox>