Ember子控制器

Question

我想知道如何在Ember.js中解决以下问题： 我正在实现一种仪表板UI，其中包含所有不同类型的图表小部件。 所以，我在我的WidgetsController中有一个ui-widget列表，我想在屏幕上呈现。

问题是每个小部件都有不同的模板，应该有不同的控制器等。

所以我想我的问题是如何迭代列表并使用不同的控制器/模板渲染每个项目。

或者如果你不能，你会如何处理这类问题 - 呈现不同类型的事物清单？

谢谢！

Answer 1

你应该查看余烬ContainerView。

您不需要Handlebars来调用组件的创建并将其添加到View中。看看我的例子：

  

http://emberjs.jsbin.com/pisay/1/edit

Answer 2

我想建议一个答案，并询问你对此的看法。

所以我可以为每种类型的小部件使用一个组件，比如说WidgetOneComponent，WidgetTwoComponent，在我的小部件模板中我会有：

{{each}}
  {{partial type}}
{{/each}}

然后，我将为每种类型的小部件设置一个部分模板，在其中我将呈现特定的小部件组件：

_one template：

{{widget-one data=this}}

_two模板：

{{widget-two data=this}}

哪个会起作用我认为..

你怎么说？ 有没有办法避免所有这些偏见？