[ngModelOptions]="{standalone: true}" 检查 angular 6 的所有复选框

Question

我正在使用反应式表单，当我为复选框分配 [ngModelOptions]="{standalone: true}" 时，它默认检查所有复选框。

以下是我的输入：

<input value="{{role.roleName}}" [(ngModel)]="role.roleId" [ngModelOptions]="{standalone: true}" type="checkbox" (change)="validateUserRole(role, $event,role.roleName)" [checked]="role.checked">

另外，尝试使用name属性。

Answer 1

您正在使用模板驱动的表单。您错误地绑定到输入的属性。您需要删除value="{{role.roleName}}"和[checked]="role.checked"绑定并更改[(ngModel)]绑定。

<input [(ngModel)]="role.checked" 
       [ngModelOptions]="{standalone: true}" 
       type="checkbox" 
       (change)="validateUserRole(role, $event,role.roleName)">