title: Ember-Data: Knowing when a RecordArray is completely populated
body: <p>I have a situation where isLoaded on a DS.RecordArray changes to true but the content, length property of the RecordArray is still empty, 0 at that time and only changes later.</p>
  
  <p>Sample Code(coffeescript):</p>
  
  <pre><code>@set('followRequests', App.FollowRequests.find())
  
  ...
  
  whenDataLoads: (-&gt;
  
  console.log @get('followRequests.isLoaded')
  console.log @get('followRequests.length')
  @set('content', @get('followRequests').toArray() )
  
  ).observes('followRequests.isLoaded')
  </code></pre>
  
  <p>The first log statement is true while the second is 0 and the template which uses this data is empty. When I see the actual AJAX request I see that the request does return an array of records. And the length and content of the RecordArray do change some time later as seen in the Browser console by doing:</p>
  
  <p><code>App.Router.myController.get('followRequests').get('length')</code> ---> 12</p>
  
  <p>However this code(below) does populate the content in the template, but it runs 12 times...</p>
  
  <pre><code>whenDataLoads: (-&gt;
  console.log @get('followRequests.isLoaded')
  console.log @get('followRequests.length')
  
  @set('content', @get('followRequests').toArray() )
  
  ).observes('followRequests.length')
  </code></pre>
  
  <p>What's the right way to know when the RecordArray is completely populated...??</p>