Ember.js 在EmberJS上动态渲染视图

Ember.js 在EmberJS上动态渲染视图,ember.js,Ember.js,我只是有一个小麻烦,以实现一种特殊的观点为余烬,我在源代码上挖掘了几天,但找不到如何使其工作。。。你能看一下并告诉我怎么了吗?这是一个小代码,从另一个视图渲染一个视图时会遇到一个特定的问题(它没有正确执行绑定…) 演示问题的示例代码(带注释)如下所示: 编辑: 为了澄清一下,我正在尝试创建一个动态呈现另一个视图的视图。它对于很多实现都很有用,例如选项卡。在选项卡上,有选项卡和显示当前选项卡的容器,因此,我试图实现的视图类似于此当前选项卡容器。每个选项卡都有自己的视图,我需要我的视图能够呈现当前选

我只是有一个小麻烦,以实现一种特殊的观点为余烬,我在源代码上挖掘了几天,但找不到如何使其工作。。。你能看一下并告诉我怎么了吗?这是一个小代码,从另一个视图渲染一个视图时会遇到一个特定的问题(它没有正确执行绑定…)

演示问题的示例代码(带注释)如下所示:

编辑:

为了澄清一下,我正在尝试创建一个动态呈现另一个视图的视图。它对于很多实现都很有用,例如选项卡。在选项卡上,有选项卡和显示当前选项卡的容器,因此,我试图实现的视图类似于此当前选项卡容器。每个选项卡都有自己的视图,我需要我的视图能够呈现当前选项卡的视图

我知道我可以做一些事情,比如隐藏一个视图,然后显示另一个视图,但这不是我现在想要的方式。我正在创建的这个CardView应该绑定到一个属性,该属性将返回一个视图实例,CardView将呈现这个视图,如果指向视图的属性更新,它将更新

你可以看到一个关于我在这里尝试做什么的更全面的例子:


谢谢

我认为您需要指定如下模板:

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

如果计划有多个子视图,则可能需要尝试使用集合视图

此链接有点旧,但仍然不错:

我还写了一篇关于它如何使用Ember(SC2)实现CRUD操作的博客


希望这能有所帮助。

多了解一点你想要实现的目标会很有用。我想可能有更好的方法来实现你的目标。我注意到的另一件事。如果我使用this.appendChild在渲染过程中添加新视图,它会正常工作。但是,当你更新内部视图时,它有点像是一个flick,就像它以单独的步骤删除和添加新视图一样,你可以在窗口上看到它在flick。。。我试图了解添加子视图有什么不同。第二个更正确。您不需要嵌套视图,因此不必费心创建嵌套视图。您可以使用templateName将模板附加到视图。嗨,Veebs,谢谢您的回复,但这不是我要找的。。。事实上,只有一个“子对象”,但它在运行时会发生变化。它就像一个布局更改器,任何时候都可以更改绑定,从而用新视图刷新视图。子视图的实例化很重要,因为当前子视图将有自己的数据。我有另一个类作为路由器,因此,用户调用路由器来更改“页面”,在这种情况下,CardLayout应该是“页面”本身(但一般用途是,您可以有许多您想要的CardView)。请参阅,以更好地全面了解我在做什么。Thanks@YehudaKatz,事实上,我想做的是,我需要一个嵌套视图。。。有关更多详细信息,请检查文本编辑。
App.CardView = Ember.View.extend({
    templateName: 'sample'
});