Angular [ngModelOptions]=”;{standalone:true}";选中角6的所有复选框

Angular [ngModelOptions]=”;{standalone:true}";选中角6的所有复选框,angular,angular6,angular-reactive-forms,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)

我使用的是被动形式,当我为复选框指定[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属性。

您使用的是模板驱动的表单。您未正确绑定到输入的属性。您需要删除
value=“{{role.roleName}}”
[checked]=“role.checked”
绑定并更改
[(ngModel)]
绑定

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

如果您使用的是被动表单,则不会使用ngModel。事实上,代码中没有任何内容表明您正在使用被动表单