angular - [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

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

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