如果ArrayController在Ember中不包含Models，则使用bindAttr禁用按钮

Question

我有一个包含按钮的模板：

<button {{action clearAll}} >Clear All</button>

模板的Controller是ArrayController。如果ArrayController的content属性包含零项，我希望禁用该按钮。

Answer 1

答案是使用 computed properties 。计算属性允许您基于Controller状态而不是原始布尔属性进行计算（实质上是创建由多个属性或不同类型的属性支持的getter）。

为了使此函数正确触发绑定，您需要声明函数所依赖的属性 - 如果修改了哪些属性应该导致更新。你这样做：`.property（'content.length'）'。在这种情况下，函数依赖于单个属性，但它可能依赖于多个属性。

在模板中：

<button {{action clearAll}} {{bindAttr disabled="anyEntries"}}>Clear All</button>

在控制器中：

  anyEntries: function() {
    return this.get('content.length') == 0;
  }.property('content.length')