ember.js - 如何在emberjs中定位默认加载路由

Question

EmberJS 提供了一个loadinroute可用于在处理 Promise 时渲染微调器等。

默认情况下，它在{{outlet}}. 我想知道是否有办法将渲染定位到其他地方？

例如在这个 jsbin 中：http://jsbin.com/ixazeb/8/edit我想将放置在文本的loading...顶部。App

我试图利用renderTemplate这样的：

App.LoadingRoute = Ember.Route.extend({
  renderTemplate: function() {
    this.render({ outlet: 'sidebar' });
  }
}); 

并像这样在我的模板中使用它：{{outlet sidebar}}但这不起作用。

Answer 1

您需要提供目标模板名称来附加加载模板，使用into: 'application'

App.LoadingRoute = Ember.Route.extend({
  renderTemplate: function() {
    this.render('loading', {
      outlet: 'loading',
      into: 'application'
    });
  }
});

现在它可以工作了http://jsbin.com/ixazeb/14/edit