Ember.js - 如何处理动态构建的布局？答案

【问题标题】：Ember.js - how to handle a dynamically built layout?Ember.js - 如何处理动态构建的布局？
【发布时间】：2013-03-14 22:13:18
【问题描述】：

假设我有一个视图数组 [标题、菜单、列表、旁边、底部、页脚]，它们不是固定的，而是动态设置的，因此数组元素可能不同。我想要实现的是以某种方式呈现所有这些，如下所示：

for (view in views) {
   view.render(model, controller);
}

这不是有效的 Ember 代码，我只是为了解释我的问题而编造的。我检查了 Ember.ContainerView 和 Ember 布局，但它们并没有提供类似的东西。

我可以用 Ember 的方式做这样的事情吗？

【问题讨论】：

标签： ember.js

【解决方案1】：

严格来说，以下是您所描述的：

views.forEach(function(view) {
  view.set('controller', controller);
  view.set('content', model);
  view.append();
});

这会将视图附加到文档正文。您可以向view.append() 提供选择器以呈现到特定元素中。

也就是说，使用 CounterView 的方法肯定更符合 Ember 的习惯，并且具有在删除父视图时拆除视图的额外好处。 Ember.js guide有更多信息。

【讨论】：