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

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)
  }

https://plnkr.co/edit/rSxR6f88NHMBKoqDtw08?p=preview

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