Ember Data hasMany 异步观察到的属性“简单”问题

Question

希望你能帮助我！

我的 Ember 应用程序（Ember 1.5.1）有两个模型（Ember Data beta7）：项目和标签。项目有很多标签。

我还有一个不更新的标签上的计算属性。计算属性是一个简单的检查，看是否有任何标签（即不为空）。我尝试过各种各样的事情。我到了arrayComputed，然后停了下来。检查异步相关模型的计数是否高于 0 应该是相当简单的！我试过“tags.[]”、“tags.@each”、“tags.@each.status”、“tags.@each.isLoaded”、“tags.length”和其他各种东西。

belongsTo 上的计算属性工作正常。

App.Item = DS.Model.extend({
  tags: DS.hasMany("tag", inverse: "item", async: true),
  hasTags: function() {
    return !Em.isEmpty(this.get("tags"));
  }.property("tags")
});

App.Tag = DS.Model.extend(
  item: DS.belongsTo("item", inverse: "tags"),
  hasItem: function() {
    return !Em.isEmpty(this.get('))
  }.property("item")
);

如果我把它改成这样，那么日志就会打印出一行，所以承诺实际上正在履行和加载。我只是不知道要在计算属性上放置什么以使其在承诺履行时重新加载。我觉得我错过了一些非常明显的东西：

App.Item = DS.Model.extend({
  tags: DS.hasMany("tag", inverse: "item", async: true),
  hasTags: function() {
    this.get("tags").then(function(tags) {
      console.log("The tags are loding if this is printed");
    });
    return !Em.isEmpty(this.get("tags"));
  }.property("tags")
});

[编辑] 2014 年 5 月 7 日

好的，所以我没有完全正确地解释这个问题，我猜是因为我没有完全理解出了什么问题......我在以下堆栈溢出问题中继续了这个问题：Route's Model Hook with Ember Data "filter" not loading dependent computed property

Answer 1

我相信您正在寻找的是：

App.Item = DS.Model.extend({
  tags: DS.hasMany("tag", inverse: "item", async: true),
  hasTags: function() {
    this.get("tags").then(function(tags) {
      console.log("The tags are loding if this is printed");
    });
    return !Em.isEmpty(this.get("tags"));
  }.property("tags.@each")
});

由于标签是一个数组，因此您希望在添加或删除标签时得到通知。发生这种情况时，'.@each' 将使其更新。

Answer 2

好吧，希望有人有比这更好的答案，但这就是我现在“绕过它”的方式，在我的路线中（我觉得这是一种绝对荒谬的方式），通过调整事情依赖于“hasTags”而不是调整 hasTags 本身。

请注意，我什至不确定我是否“修复”了 Item 中的“hasTags”，它是否会触发下面的过滤引用来更新...？

我认为也许我们需要过滤器在其块中感知承诺（即，您可以使用属性来过滤承诺并且它会做正确的事情）：

App.TaggedItemsListRoute = App.ItemsRoute.extend({
  model: function() {
    var store = this.get("store");
    var storePromise = store.find("item", { has_tags: true });
    var filtered = store.filter("item", function(item) {
      var tags = item.get("tags");
      if tags.get("isFulfilled") {
        return item.get("hasTags");
      } else {
        return tags.then(function() {
          return item.get("hasTags");
        });
      }
    });
    return storePromise.then(function(response) {
      return filtered;
    });
  }
});