javascript - Ember JS : how to use the {{#each}} helper to render only loaded children?

Question

我正在使用 {{#each}} 助手来遍历父记录的子记录:

... parent template ...

{{#each foo in foos}}
    {{#with foo}}
        {{ partial 'foo' }}
    {{/with}}
{{/each}}

在特定情况下，我只想呈现已经加载的记录。我相信您可以过滤此类记录(根据 In Ember Data, how do I find only records that have been loaded? ):

App.Foo.filter(function(foo) { return foo.get('isLoaded'); });

但是如何在每个助手中做到这一点呢？我在父记录上创建了一个 loaded_foos 属性，但它不起作用，因为它是一个函数而不是 Ember.Array。

Answer 1

您不能在 each 助手中执行此操作。您对属性(property)的处理方式确实是正确的。什么没有奏效？它基本上应该是这样的:

App.ParentRecord = Ember.Object.extend({
  loadedFoos : function(){
    this.get("foos").filter(function(foo) { return foo.get('isLoaded'); });
  }.property("foos")
});