Wie man über jedes Element in einem berechneten Ember-Array in einer Lenkeransicht iteriert

Question

Ich habe einen Controller, der ein ArrayProxy ist und einige berechnete Arrays enthält.

In Coffeescript, mein Controller sieht aus wie so:

MyApp.parentController = Ember.ArrayProxy.create 
    content: [] 
    mothers: (-> 
    mothers = (person for person in @get("content") when person.sex == 0) 
).property("content") 
    fathers: (-> 
    fathers = (person for person in @get("content") when person.sex == 1) 
).property("content") 

Das funktioniert gut, und wenn ich ‚MyApp.parentController.get (‚Mütter‘)‘ fordern von der Kommandozeile bekomme ich wieder die erwartete Array .

Jetzt möchte ich diesen Satz in meinem Dokument anzuzeigen, und so möchte ich die Liste der Mütter iterieren:

<div id="parent-mothers-pool"> 
    {{#each MyApp.parentController.mothers}} 
    {{#view MyApp.ParentView contentBinding="this"}}{{/view}} 
    {{/each}} 
</div> 

Das funktioniert nicht, und in der Tat hängt vollständig die Anwendungen, für immer Spinnen und ohne sogar irgendwelche Fehler auf der Konsole zu drucken.

Wenn Sie ".mother" an der #Eingabeleiste ablegen, werden alle Eltern wie erwartet korrekt angezeigt. Aber es auf Borken zu setzen.

Wie iteriere ich über dieses berechnete Array?

Answer 1

Sie sollten mothers Attribut eine Bindung in der ParentMothersPool Ansicht, indem er auf den Controller definieren:

MyApp.EnclosingView = Ember.View.extend 
    mothersBinding: 'MyApp.parentController.mothers' 

Dann in der Vorlage:

{{#each mothers}} 
    ...