如果 id 存在于数组 angular 中，则预选复选框

Question

我有这个复选框

<div *ngFor="let user of userList">
 {{ userList.Name }}
 <input type="checkbox" (change)="selectUser($event,user)">
</div>

selectUser(event,user)
    { 
      if (event.target.checked) {
        const userDetails = {
          userID: user.UserID,
          Name:Name ,
       };
        this.tempLists.push(userDetails); 
      }
      else
      {
        this.tempLists= this.tempLists.filter(function(obj) {
          return obj.userID !== user.UserID;
        });
      }
    }

在这种方法中，我将选定的用户添加到数组中，但我希望如果数组中存在 id，那么在重新加载存在复选框的内容时，如果数组中存在该特定 id，则应选中该复选框。

Answer 1

您需要合并 userList 和 tempLists，以便将属性 checked 放在 userList 上，然后只需添加 [checked]="user.checked"