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

Question

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

In the above code snippet the checkbox was not checked inspite of that the value was true and in some cases when the value is false still the checkbox is checked.

Did anyone know why i get this unstable behaviour of checked property in this.

Answer 1

try to remove [checked]="loc.Selected" . use only

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