根据父id筛选子元素的数组

Question

这是一个基本的帖子/评论。

当我创建新评论时，它们被添加到一个与它们相关的帖子的id相匹配的post: attr()中。我想做一个过滤器，这样当选择一个特定的帖子并导航到评论部分时，只会加载相关的评论。

采用这种间接方式的原因是，在使用ember-model或ember-data +各自的firebase适配器时，我无法添加嵌入的注释。

我也无法保存新的注释，并在创建时将其添加到App.Post的comment_ids: []中。

如果任何人有关于如何做上述任何一个的想法，那也是可行的。

App.Router.map(function () {
  this.resource("posts", {
    path: "/posts"
  });
  this.resource("post", {
    path: "/:post_id"
  }, function () {
    this.resource("comments", {
      path: "/comments"
    });
  });
});

App.Post = Ember.Model.extend({
  name: attr(),
  comments: Ember.hasMany("App.Comment", {
    key: 'comments'
  })
});

App.Post.url = "/posts";

App.Comment = Ember.Model.extend({
  message: attr(),
  post: attr()
});

Answer 1

过滤的最佳组合是Ember.computer.filter和Ember.computed.filterBy

http://emberjs.com/api/#method_computed_filter http://emberjs.com/api/#method_computed_filterBy

filterBy是最简单的，但只适用于简单的单一属性/值过滤器。

App.Hampster = Ember.Object.extend({
  remainingChores: Ember.computed.filterBy('chores', 'done', false)
});

var hampster = App.Hampster.create({chores: [
  {name: 'cook', done: true},
  {name: 'clean', done: true},
  {name: 'write more unit tests', done: false}
]});
hampster.get('remainingChores'); // [{name: 'write more unit tests', done: false}]

filter允许您传递一个函数来进行更复杂的过滤。

App.Hampster = Ember.Object.extend({
  remainingChores: Ember.computed.filter('chores', function(chore) {
    return !chore.done;
  })
});