ember.js - 在 EmberJS 上动态渲染 View

Question

我只是在为 Ember 实现一种特殊的 View 时遇到了一些麻烦，我在源代码上挖掘了好几天，但找不到如何让它工作......你能看一下并告诉我什么吗错误的？这是一小段代码，是从另一个 View 渲染一个 View 时的一个特定问题(它没有正确执行绑定(bind)......)。

演示该问题的示例代码(带注释)位于:http://jsfiddle.net/wilkerlucio/rUUuN/

编辑:

为了澄清一下，我正在尝试创建一个动态渲染另一个 View 的 View 。它对于许多实现都很有用，例如选项卡。在选项卡上，您有选项卡和显示当前选项卡的容器，因此，我试图完成的 View 就像当前选项卡容器。每个选项卡都有自己的 View ，我需要我的 View 能够呈现当前选项卡的 View 。

我知道我可以做一些事情，比如隐藏一个 View 并显示另一个 View ，但这不是我现在想要的方式。我正在创建的这个 CardView 应该绑定(bind)到一个将返回 View 实例的属性，并且 CardView 将呈现此 View ，并且如果指向 View 的属性更新，则会更新。

您可以在此处查看有关我正在尝试执行的操作的更完整的示例:http://jsfiddle.net/wilkerlucio/Ztdpb/

谢谢

Answer 1

我认为您需要这样指定模板:

App.CardView = Ember.View.extend({
    defaultTemplate: SC.Handlebars.compile('{{App.obj.value}}')
});

或

App.CardView = Ember.View.extend({
    templateName: 'sample'
});

如果您计划拥有许多 subview ，那么您可能需要尝试使用 Collection View 。

这个链接有点旧，但还不错: http://guides.sproutcore20.com/using_handlebars.html

我还在博客中介绍了如何使用 Ember (SC2) 实现 CRUD 操作 here .

希望这有帮助。