我有这个复选框,我想看看它是否通过ngModel绑定检查.
当我调用console.log(activeCheckBox)时;我可以在控制台中看到ngmodel及其value属性设置为true.
但是当我调用console.log(activeCheckBox.value)时;之后或单独,价值是不确定的？
当我调用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); }
解决方法
您可以监听输入更改事件并获取状态,或将事件分配给任何变量
<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事件.见https://plnkr.co/edit/rSxR6f88NHMBKoqDtw08?p=preview
