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

Question

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

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

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

toggleEditable() {
    this.contentEditable = true;
}

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

所以它看起来像：

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

我该怎么做？

Answer 1

您需要检查event.target.checked才能解决此问题。这就是你如何实现这个目标：

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

在你的组件中.ts：

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