Angular 4复选框更改值

Question

当您在复选框中注册时，您如何在 Angular 4 中实现保存“A”或“B”值。尽我所能，他只是给我发送真假，我希望有人能帮助我。

注册表.component.ts

  this.userForm = new FormGroup({
   state: new FormControl('',),
  });

注册表.component.html

<div class="form-group">
  <label>State</label>
  <input type="checkbox"
         [(ngModel)]="isChecked"
         (change)="checkValue(isChecked?'A':'B')"
         formControlName="state"/>
</div>  

<pre>{{userForm.value | json}}</pre>

这样我可以让控制台显示我想要的值(A 或 B)，但在 JSON 中仍然是真或假。

Answer 1

这就是你要找的:

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked?'A':'B')" />

在你的类里面:

checkValue(event: any){
   console.log(event);
}

还在 app.module.ts 中包含 FormsModule 以使 ngModel 工作!

希望对您有所帮助!