如何在角度5 app中获取复选框值

时间:2018-05-24 09:23:12

标签: angular angular-forms

我正在处理Angular复选框,需要读取给定LocalDate / 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?

1 个答案:

答案 0 :(得分:1)

如果您正在使用Angular 2&gt;您应该使用checked属性来使用单向绑定,UI只会读取check的值。使用此方法,您必须更新组件中的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?