在 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 函数的 ember 源中修补了这个：

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

这可以确保如果名称来自属性，它会被正确地转换为字符串。它工作得很好。 Ember 不支持开箱即用的原因是什么？我错过了什么吗？

上面的东西的一点背景：我想在页面上的弹出窗口中打开很多不同的资源，但我想让弹出窗口与当前路由的其余部分分开，这样我可以在他们自己的页面上显示它们不需要重复代码。我的想法是我将所有打开的弹出窗口推送到一个全局数组，并且它们呈现在页面底部（有点像我们现在没有余烬）。也许我错过了更好的方法来做到这一点！

Answer 1

你想要

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

对吗？如果是的话，Ember.js 中有一个很好的 component 概念

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

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

here 是一篇关于组件用例的好文章。