如何以编程方式选中或取消选中 Angular 8 的复选框？

Question

这是我的复选框。 如何通过 function 以编程方式取消选中或选中复选框？

<input name="Purchased" [(ngModel)]="Purchased" type="checkbox" id="test1" />

<label for="test1">Purchased Item</label>

Answer 1

input type checkbox 有checked属性，checked receive true or false, 不需要改变变量Purchase的值，因为已经绑定了，所以只需要输入if is check or not，就可以使用

<input name="Purchased" [(ngModel)]="Purchased" type="checkbox" id="test1" 
 [checked]="functionToDetermineIfCheckOrNot()"/>    

或者你可以使用 isChecked var

 <input name="Purchased" [(ngModel)]="Purchased" type="checkbox" id="test1" 
 (click)="isChecked = !isChecked"
 [checked]="isChecked"/> 

希望这对你有帮助，问候

Answer 2

首先变量名必须是 lowerCamelCase 或 UPPER_CASE，

https://stackblitz.com/edit/angular-ivy-w8tdxd?file=src/app/app.component.ts示例