title: How to iterate over each item in a computed Ember array in a handlebar view
body: <p>I have an controller which is an ArrayProxy and contains some computed arrays.</p>
  
  <p>In coffeescript, my controller looks like so:</p>
  
  <pre><code>MyApp.parentController = Ember.ArrayProxy.create
    content: []
    mothers: (-&gt;
      mothers = (person for person in @get("content") when person.sex == 0)
    ).property("content")
    fathers: (-&gt;
      fathers = (person for person in @get("content") when person.sex == 1)
    ).property("content")
  </code></pre>
  
  <p>This works fine, and when I request 'MyApp.parentController.get("mothers")' from the command line I get back the expected array.</p>
  
  <p>Now I want to display that set in my document, and so I want to iterate over the list of mothers:</p>
  
  <pre><code>&lt;div id="parent-mothers-pool"&gt;
    {{#each MyApp.parentController.mothers}}
       {{#view MyApp.ParentView contentBinding="this"}}{{/view}}
    {{/each}}
  &lt;/div&gt;
  </code></pre>
  
  <p>This does not work, and in fact completely hangs the applications, forever spinning and without even printing any errors to the console.</p>
  
  <p>Leaving ".mother" off of the #each handlebar correctly displays all the parents, as you would expect. But putting it on borks it.</p>
  
  <p>How do I iterate over this computed array?</p>