如何在emberjs中定位默认的loadingroute

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