如何检查是复选框已检查angular2

发布时间：2020-12-17 17:56:44 所属栏目：安全来源：网络整理

导读：我想检查是否在if和else语句中选中或取消选中复选框. md-checkbox id="mon" (change)="mon($event)" [checked]="true"Checked/md-checkboxmon(e){ if(e.target.checked){ console.log("This is checked") } else { console.log("unchecked"); } } 我想我做错

我想检查是否在if和else语句中选中或取消选中复选框.

<md-checkbox id="mon" (change)="mon($event)" [checked]="true">Checked</md-checkbox>



mon(e){
    if(e.target.checked){
      console.log("This is checked")
    } else {
      console.log("unchecked");
    }
  }

我想我做错了.我不断得到未定义的检查.怎么做到这一点？

解决方法

我们可以查看材料的源代码复选框：

event.source = this;
event.checked = this.checked;

this._controlValueAccessorChangeFn(this.checked);
this.change.emit(event);

https://github.com/angular/material2/blob/2.0.0-alpha.11/src/lib/checkbox/checkbox.ts#L288-L292

所以你可以这样做：

mon(e){
  if(e.checked){
    console.log("This is checked")
  } else {
    console.log("unchecked");
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!