Javascript 在Ember.js中预设复选框的最佳方法是什么？

我有一个带有复选框的模板

<div class="col-sm-6">
   <input type="checkbox" id="isDeletedCheckbox" {{action "toggleIsDeleted" "isDeletedCheckbox" on="change"}}/>
</div>

我试着用

setupController() {
    if (this.controller.get('model').get('isDeleted')) {
        this.controller.set("isDeletedCheckbox", true);
    }
}

或

---

但是预设值没有帮助

您应该使用

{{input type=“checkbox”}

如果您的模型如下所示：

model() {
  return { isDeleted: true };
}

---

你永远不应该是这样的

$("#isDeletedCheckbox").checked(true);

---

在路线或控制器中。仅在组件中使用直接DOM操作

您应该使用

{{input type=“checkbox”}

如果您的模型如下所示：

model() {
  return { isDeleted: true };
}

---

你永远不应该是这样的

$("#isDeletedCheckbox").checked(true);

---

在路线或控制器中。仅在组件中使用直接DOM操作

因为此时，您的DOM可能还不存在。当DOM准备就绪时，将调用

组件上的
didInsertElement
钩子。因为此时您的DOM可能还不存在。当DOM就绪时，调用
组件上的
didInsertElement
钩子。
$("#isDeletedCheckbox").checked(true);