title: Ember JS, updating array not reflecting in views
body: <p>Updating Ember JS array is not reflecting in views.</p>
  
  <p>Controller</p>
  
  <pre><code>App.MyController = Ember.ArrayController.extend({
    results: [],
    init: function(){
      _this = this
      App.MyModel.find({}).then(function(contents) {
        obj1 = contents.objectAt(0)
        obj1.get('data').hasMany.results.forEach(function(item){
            _this.results.push(item)
        });
      })
      //rest of the code
    }
  })
  </code></pre>
  
  <p>Template</p>
  
  <pre><code>{{#each results}}
    // show items of reults.
  {{/each}}
  </code></pre>
  
  <p>This is the piece of code in which i am fetching data from server, and upon its loading, i am pushing it into results array.
  This loading for data from server takes some time, so template maps over the empty results array. Ideally, results array should update the things in template but logically it shouldn't.</p>
  
  <p>Does any body know where i am missing? or doing wrong.</p>
  
  <p>Thanks in advance.</p>