角度检测如果从.ts中选中复选框

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

导读：我正在使用Angular 4,我的组件的html模板文件上有一个复选框： input type="checkbox" (change)="canBeEditable($event)" 在我的组件的.ts文件中,我将此值设置为true. toggleEditable() { this.contentEditable = true;} 我的问题是,如果选中复选框,我只想更

我正在使用Angular 4,我的组件的html模板文件上有一个复选框：

<input type="checkbox" (change)="canBeEditable($event)">

在我的组件的.ts文件中,我将此值设置为true.

toggleEditable() {
    this.contentEditable = true;
}

我的问题是,如果选中复选框,我只想更改值.

所以它看起来像：

toggleEditable() {
    if (checkbox is checked) {
      this.contentEditable = true;
    }
}

我怎样才能做到这一点？

您需要检查event.target.checked以解决此问题.这是你如何实现这一目标的：

<input type="checkbox" (change)="toggleEditable($event)">

在组件的.ts中：

toggleEditable(event) {
     if ( event.target.checked ) {
         this.contentEditable = true;
    }
}

（编辑：李大同）

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