如何以編程方式選中或取消選中 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示例