javascript - 复选框的选中属性未按预期工作

Question

  <input
   type="checkbox"
   [(ngModel)]="loc.Selected"
   [checked]="loc.Selected"
   [value]="loc.Selected"
   class="checkbox col-xs-1"
   name="Countries"
   (change)="addPrimaryLocationItems()" />{{loc.LocationName}}

在上面的代码片段中，尽管值为 true，但复选框未被选中，并且在某些情况下，当值为 false 时，复选框仍被选中。

有谁知道为什么我会在这个检查属性中出现这种不稳定的行为。

Answer 1

尝试删除 [checked]="loc.Selected"。仅使用

<input
   type="checkbox"
   [(ngModel)]="loc.Selected"
   [value]="loc.Selected"
   class="checkbox col-xs-1"
   name="Countries"
   (change)="addPrimaryLocationItems()" />{{loc.LocationName}}