ember.js - Ember : loading Template not working when promise returned from Application Route

Question

我不明白为什么在下面的场景下加载模板没有加载

App = Ember.Application.create()

App.Router.map ->
  this.resource 'dashboard', {path: "/"}

App.ApplicationRoute = Ember.Route.extend
  beforeModel: ->
    new Ember.RSVP.Promise (resolve) ->
      Ember.run.later ->
        resolve()
      , 3000

App.DashboardRoute = Ember.Route.extend      
  model: ->
    ['red', 'yellow', 'blue']

http://emberjs.jsbin.com/jageg/2/edit?html,js,output

来自documentation我了解到，如果路径为 dashboard 的路由返回一个不会立即解决的 promise ，Ember 将尝试在层次结构中找到它可以转换到的加载路由。

谢谢。

Answer 1

是的，父资源的加载路由会放到父资源的{{outlet}}中。不幸的是，您阻塞了最顶层的资源，因此 Ember 无法呈现应用程序模板，因此它无法加载路由。

如果再下一层阻塞，就会命中应用资源的加载路由，也就是loading。

http://emberjs.jsbin.com/babuzi/edit?html,js,output