如何从数组检查复选框值

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>