如何以编程方式将复选框设置为 true 或 false？

Question

      <label class="switch">
        <input type="checkbox" id="balanced" [(ngModel)]="balancedAmount" (click)="onNoClick($event)">
        <span class="slider round"></span>
      </label>

如何以编程方式将复选框设置为 true 或 false？

TypeScript

  this.balancedAmount.checked = false;

Answer 1

您可以创建一个变量并切换 true 或 false，并且您可以 属性 将该值绑定到 [checked] 属性

 <label class="switch">
        <input type="checkbox" id="balanced" [(ngModel)]="balancedAmount" (click)="onNoClick($event)" [checked]="this.balancedAmount.checked">
        <span class="slider round"></span>
      </label>

this.balancedAmount.checked= true;