在Ember.js中渲染动态模板

Question

我是Ember的新手，所以这可能是一个愚蠢的问题，但请忍受。 有一个特定的原因不能使用动态字符串呈现模板吗？ 具体来说，我将各种对象推入控制器变量，如下所示：

this.controllerFor('application').get('popups').pushObject({
  resource: article,
  template: 'article'
});

然后尝试渲染它们：

{{#each popup in model}}
  {{ render popup.template popup.resource }}
{{/each}}

这在Ember中不能正常使用，因为它需要一个字符串作为模板。 我只是在renderHelper函数的余烬源中对此进行了修补：

if(name.value) name = name.value();

这样可以确保如果名称来自属性，则可以将其正确转换为字符串。 它工作得很好。 Ember不支持此现成的原因是什么？ 我想念什么吗？

上面内容的一些背景知识：我想在页面的弹出窗口中打开很多不同的资源，但是我想使弹出窗口与当前路径的其余部分分开，以便在需要时可以将它们显示在自己的页面上而无需重复码。 我的想法是，我将所有打开的弹出窗口都推送到全局数组中，并将它们呈现在页面底部（有点像我们目前没有余烬的情况）。 也许有一种我错过的更好的方法！

Answer 1

你想要

• 创建独立于路线的弹出模板
• 将数据传递到模板并在任何地方渲染

对 ？ 如果是，那么Ember.js中的component概念非常好

组件是一个独立于应用程序的小模块。 它仅取决于传递给它的数据。

它可以在不同部分重复使用，而不会互相影响。 它们特别适合运行qtip等第三方插件。

这是关于组件用例的好文章。