[ngModelOptions] =“ {standalone:true}”选中所有复选框的角度为6

时间:2018-10-31 06:40:38

标签: angular angular6 angular-reactive-forms

我使用的是反应形式,当我为复选框分配[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 属性。

1 个答案:

答案 0 :(得分:1)

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

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