如何动态切换Ember组件中输入文本的disabled = true / false？

Question

我有一个Ember组件，我想动态禁用/启用。最初我有：

//template.emblem
= input type="text" disabled=true placeholder="Account Number" class="form-control"

当我有disabled=false时，它会再次启用该按钮。现在我想让它充满活力。我想创建一个在component.js内返回true或false的简单函数：

//component.js
export default Ember.Component.extend({
  ...
    disableButton(){
    return true
  },

//template.emblem
  = input type="text" disabled=disableButton placeholder="Account Number" class="form-control"

这会禁用它。但是，当我将disableButton切换为return false时，它仍会被禁用。

如何将disabled连接到component.js内的函数/属性？

template.emblem和component.js文件夹层次结构为：

components
  |-my-awesome-component
    |- template.emblem
    |- component.js