Angular 检测是否从 .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;
    }
}