title: Getting data from DS.PromiseArray in EmberJS
body: <p>I'm new to emberJS and I'm having some trouble working with promises.</p>
  
  <p>Here is my router:</p>
  
  <pre><code>  this.resource('menus', function(){
      this.resource('menu', {path: '/:menu_id'}, function(){
        this.resource('submodule', {path: '/:submodule_id'});
      });
    });
  });
  </code></pre>
  
  <p>I have nested routes, and the child route returns a menuss object based on a given id.
  Here is my MenuRoute:</p>
  
  <pre><code>App.MenuRoute = Ember.Route.extend({
    model: function(params){
      return this.store.find('menuss', params.menu_id);
    }    
  });
  </code></pre>
  
  <p>Here are my models:</p>
  
  <pre><code>App.Menuss = DS.Model.extend({
    name: DS.attr('string'),
    subModule: DS.hasMany('submodule', {async:true})
  });
  
  App.Submodule = DS.Model.extend({
    name: DS.attr('string'),
    content: DS.attr('string')
  });
  </code></pre>
  
  <p>The 'subModule' attribute of Menuss model contains an array of Submodule model id's.
  Inside my menu template, I'm receiving a menuss object and I want to display the SubModules each menu item has. </p>
  
  <p>However, when I call {{this.subModule}}, it returns <code>&lt;DS.PromiseArray:ember488&gt;</code>. How can I get the contents from this subModule array? </p>
  
  <p>I looked at some similar questions where they say use the then() method, but I can't seem to figure it out here.</p>