Angular 角形2罐'；无法使用复选框使ngModel正常工作

我有一个编辑表单，其中数据来自一个数据库，其中包含一个由名称和选定属性组成的角色对象数组。我对数组中的每个角色对象都有一个复选框。加载表单时，即使查看对象时选定的属性为true，也不会选中该复选框。如果我选中复选框，则下面标签中的role.selected值将发生更改，因此我不确定在首次加载表单时为什么不选中该复选框。我已尝试添加

[value]=”角色。选择了“

和

[checked]=”角色。选择了“

，但这不会改变任何事情。非常感谢您的帮助。我敢肯定，这是一件简单的东西，我看了几个小时都看不见

<div class="checkbox" *ngFor="let role of userToEdit.allRoles">
     <label><input type="checkbox" name="role" [(ngModel)]="role.selected" >{{role.name}}, {{role.selected}}</label>
</div>

{{role.name}，{{role.selected}

所有输入都应该有一个不同的名称

<div class="checkbox" *ngFor="let role of roles; let i = index">
  <label><input type="checkbox" name="role_{{ i }}" [(ngModel)]="role.selected" >{{role.name}}, {{role.selected}}</label>
</div>

{{role.name}，{{role.selected}

---

.

所有输入都应该有一个不同的名称

<div class="checkbox" *ngFor="let role of roles; let i = index">
  <label><input type="checkbox" name="role_{{ i }}" [(ngModel)]="role.selected" >{{role.name}}, {{role.selected}}</label>
</div>

{{role.name}，{{role.selected}