Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在“角度2”中单击时访问复选框值_Angular_Checkbox - Fatal编程技术网

Angular 在“角度2”中单击时访问复选框值

Angular 在“角度2”中单击时访问复选框值,angular,checkbox,Angular,Checkbox,我有这个复选框,我想看看它是否通过ngModel绑定进行了检查。 当我调用console.log(activeCheckbox)时我可以在控制台中看到ngmodel及其value属性设置为true。 但是当我调用console.log(activeCheckbox.value)时;是紧接着还是分开,值是未定义的 有人知道这里发生了什么吗 <input #activeCheckbox="ngModel" (click)="checkIfActive(activeCheckbox)"

我有这个复选框,我想看看它是否通过
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);
}

CheckiActive(活动复选框){
log(activeCheckbox);
log(activeCheckbox.value);
}

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

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


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

已更改(evt){
this.isChecked=evt.target.checked;
警报(evt.target.checked)
}


编辑:代码看不到更改的原因是
单击
更改
事件不同-更改输入之前将调用单击事件。请参见

单击
更改
事件不同,在更改输入之前将调用click事件