angular - 检查数组值并更改输入 isCheck（函数）

Question

我将真正的复选框值存储在一个数组中，

然后在获取数组后，如果复选框值在数组中，我想将复选框 isChecked 更改为 true，

这是功能：

put(array, checkbox){
    for(let ent of checkbox) {    
      for(let entery of array)  {
        ent.val === entery 
        ? ent.isChecked= true
        : ent.isChecked= false
      }
    }
  }

这里我是如何存储复选框的：

  public home_category = [
    { val: 'غرفة  نوم', isChecked: false },
    { val: 'صالة', isChecked: false },
    { val: 'حوش', isChecked: false },
    { val: 'مجلس', isChecked: false },
    { val: 'غرفة سائق', isChecked: false },
    { val: 'مطبخ', isChecked: false },
    { val: 'ملحق خارجي', isChecked: false },
    { val: 'صالة طعام', isChecked: false },
    { val: 'مستودع', isChecked: false }
  ];

此功能不起作用:(

html:

        <ion-list>
          <ion-item *ngFor="let entry of home_category">
            <ion-label>{{entry.val}}</ion-label>
            <ion-checkbox slot="end" [(ngModel)]="entry.isChecked"></ion-checkbox>
          </ion-item>
        </ion-list>

标签： angulartypescriptionic-framework

Answer 1

尝试这样的事情：

put(array, checkbox) {
    checkbox.forEach(chk => chk.isChecked = array.includes(chk.val));
}