templates - 我应该如何检查 Ember 中 ArrayController 的内容是否脏

Question

在我使用的应用程序模板中:

  {{#if exampleModel.isDirty }}

  {{else}}

  {{/if}}

... 根据 View 的模型是否脏显示不同的用户界面。这很好用。

然而，我有另一个 View 由 ArrayController 子类支持。同样，我想根据 ArrayController 中是否有任何脏项来更改 UI。我试过:

{{#if controller.isDirty }}

和

{{#if controller.content.isDirty }}

但是虽然两者都不会产生异常，但在任何时候都不会计算为真，即使 ArrayController 子类中的模型是脏的。

检查由 ArrayController 修饰的模型是否脏的正确方法是什么？

Answer 1

我猜你可以在 ArrayController 上定义一个计算属性:

isDirty : function(){
  this.forEach(function(model){
    var dirty = false;
    if(model.get("isDirty"))
      dirty = true;
  });
  return dirty;
}.property("content.@each.isDirty")

因此，关键是属性依赖项的正确声明。

更新评论中有趣的问题:为什么这个功能没有融入 Ember？

关于您对内置功能的评论:您正在考虑 Ember 数据。我个人不将它与 ember-data 一起使用。所以在我的例子中，这个功能是无稽之谈。因此，可以讨论将其作为 Mixin 添加到 Ember 中，以进一步促进集成。

例子:

Ember.IsArrayDirtyMixin = Ember.Mixin.create({
    isDirty : function(){
      this.forEach(function(model){
        var dirty = false;
        if(model.get("isDirty"))
          dirty = true;
      });
      return dirty;
    }.property("content.@each.isDirty")
});

App.YourController = Ember.ArrayController.extend(Ember.IsArrayDirtyMixin,{
    .... // your stuff
});

// shorter version proposed by pjlammertyn in the comments
Ember.IsArrayDirtyMixin = Ember.Mixin.create({
    isDirty : function(){
      return !this.every(function (model) { return !model.get('isDirty'); });
    }.property("content.@each.isDirty")
});