Question

我有这个复选框，我希望看看它是否通过ngModel绑定进行了检查当我呼叫console.log(activeCheckbox);时，我可以在控制台中看到ngmodel及其value属性设置为true 但是当我调用console.log（activeCheckbox.value）时;之后或单独，值是不确定的？

有人知道这里发生了什么吗？

<input #activeCheckbox="ngModel" (click)="checkIfActive(activeCheckbox)"
    [disabled]="pageStatus==4" [ngModel]="premiumContententPackage.active"    
    name="premiumContententPackageActive" id="premiumContententPackageActive" 
    type="checkbox" >

checkIfActive(activeCheckbox){
   console.log(activeCheckbox);
   console.log(activeCheckbox.value);
}

Answer 1

您可以收听输入更改事件并获取状态，或将事件分配给任何变量

<input type="checkbox" [checked]="checkbox" (change)="changed($event)"/>


changed(evt) {
    this.isChecked = evt.target.checked;
    alert(evt.target.checked)
  }

Spring AMQP Reference Manual

编辑：您的代码无法看到更改的原因是因为click和change事件不同 - 在输入更改之前将调用click事件。见https://plnkr.co/edit/rSxR6f88NHMBKoqDtw08?p=preview

单击角度2时访问复选框值

1 个答案: