ember.js - 如何将模板渲染到另一个模板的 socket 中

Question

我的应用程序将有一个侧边栏，其内容会根据当前路线而变化。所以，如果有人访问 account ，侧边栏上的内容将不同于有人访问 members .

我试图用 accounts 来做到这一点路线，但我遇到了问题。我正在使用此代码

Dashboard.AccountRoute = Ember.Route.extend({
        renderTemplate: function() {
                this.render('account_choices', {
                        outlet: 'choices',
                        into: 'sidebar'
                })
        }
});

我的 application模板是:

{{render header}}

{{render sidebar}}

<div id="outlet" class="main">
        {{outlet}}
</div>

和我的 sidebar模板是:

<div class="sidebar">
        {{outlet choices}}
</div>

但它不会渲染 account_choices进入 socket choices在 sidebar模板。它还会产生错误 Assertion failed: Error while loading route: TypeError: Cannot call method 'connectOutlet' of undefined .

如何渲染 account_choices模板到 choices sidebar中的导出?

Answer 1

这有点难以解释，但是整个路径都卡在前面和命名的 socket sidebar在它们被渲染之前不存在。幸运的是，您可以稍后在运行循环中连接渲染，dynamic named outlet届时将存在。

renderTemplate: function() {
  var self = this;
  Em.run.later(function(){
    self.render('account_choices', {
      outlet: 'choices',
      into: 'sidebar'
    });
  });
 }

http://emberjs.jsbin.com/azimigEF/1/edit