如何在 angular 5 应用程序中获取复选框值

Question

我正在处理 Angular 复选框，需要读取给定 ng-true-value / ng-false-value 的值或布尔值，不确定我从代码中遗漏了什么。我正在读取事件但不确定要读取哪个值？？

模板

<div>

 <input 
    type="checkbox" 
    name="questionAnswerState" 
    ng-model="check"
    ng-true-value = "answerProvided"
    ng-false-value="questionAnswerNotProvided" 
    (change)="isAnswerProvided($event, check)"
    /> Answer Provided?

组件

 isAnswerProvided(event: any, check:any)
  {
    console.log("question answer not provided responseId:: ",this.responseId, " questionId::",this.questionId, "  check::", check );
    console.log(event);
  }

Answer 1

如果您正在使用 Angular 2> 您应该使用 checked 属性来使用单向绑定，UI 将只读取 [=13= 的值].使用此方法，您必须更新组件中的 check 值。

 <input 
    type="checkbox" 
    name="questionAnswerState" 
    [checked]="check"
    (change)="isAnswerProvided($event, check)"
    /> Answer Provided?

或者如果你在双向绑定之后，状态完全由 UI 控制，你可以像这样使用 ngModel：

 <input 
    type="checkbox" 
    name="questionAnswerState" 
    [(ngModel)]="check"
    (change)="isAnswerProvided($event, check)"
    /> Answer Provided?

如何在 angular 5 应用程序中获取复选框值

How to get checkbox value in angular 5 app

angular

angular-forms

模板

组件