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

前端之家收集整理的这篇文章主要介绍了角度检测如果从.ts中选中复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用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;
    }
}
原文链接:https://www.f2er.com/angularjs/142343.html

猜你在找的Angularjs相关文章