[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)">

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

[ngModelOptions]="{standalone: true}" checks all the checkbox for angular 6

angular

angular-reactive-forms

angular6