title: Ember: loading Template not working when promise returned from Application Route
body: <p>I don't understand why the loading template is not loaded in the following scenario</p>
  
  <pre><code>App = Ember.Application.create()
  
  App.Router.map -&gt;
    this.resource 'dashboard', {path: "/"}
  
  App.ApplicationRoute = Ember.Route.extend
    beforeModel: -&gt;
      new Ember.RSVP.Promise (resolve) -&gt;
        Ember.run.later -&gt;
          resolve()
        , 3000
  
  App.DashboardRoute = Ember.Route.extend      
    model: -&gt;
      ['red', 'yellow', 'blue']
  </code></pre>
  
  <p><a href="http://emberjs.jsbin.com/jageg/2/edit?html,js,output" rel="nofollow">http://emberjs.jsbin.com/jageg/2/edit?html,js,output</a></p>
  
  <p>From the <a href="http://emberjs.com/guides/routing/loading-and-error-substates/" rel="nofollow">documentation</a> I understood that if a route with the path <code>dashboard</code> returns a promise that doesn't immediately resolve, Ember will try to find a loading route in the hierarchy that it can transition into.</p>
  
  <p>Thanks.</p>