Question

我如何将选中复选框的值保存为1并将未选中的值保存为0，我在模型上使用布尔值。

  <div class="form-check form-check-inline">
        <input name="vat" class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1"  [(ngModel)]="VatExempt">
        <label class="form-check-label" for="inlineCheckbox1">VAT EXEMPT &nbsp;&nbsp;&nbsp;</label>  <div class="row pl-4 font-italic">(Check if PEZA member)</div>
  </div>

Answer 1

您可能知道，布尔值可以定义为数字，如果为true，则为1；如果为false，则为0。

在您的component.html上，

<input name="vat" class="form-check-input" type="checkbox" id="inlineCheckbox1" 
 [(ngModel)]="VatExempt" (ngModelChange)="test()">

在component.ts上，您可以将this.VatExempt解析为一个数字。

 test() {
  console.log(Number(this.VatExempt))
 }

Answer 2

您可以使用吸气剂（其他变量）

get VatExemptInt(){
  return VatExempt?1:0
}

顺便说一句，用驼峰式命名是变量的一种用法（vatExempt比VatExempt更好）

将选中的复选框的值另存为1

2 个答案: