基于Ember.js的仪表板

Question

我正在使用ember.js和使用spring MVC编写的rest API开发应用程序.我必须创建一个带有几个小部件的仪表板.每个小部件都作为自己的行为,并将调用不同的API方法.我想为每种小部件都有一个控制器子类.然后将实例化它们并将其添加到Container视图.但是,ember会自动为每个控制器创建一个实例,所以它是一条很好的路径吗？ember.js社区有什么建议吗？

感谢您的帮助.

Answer 1

你的想法听起来不错.

当然有很多方法来构建它.我建议制作DashboardView和DashboardController,并在其模板中有几个插座,每个小部件"插槽"一个:

{{outlet topWidgetView}}
{{outlet leftWidgetView}}
...

然后在路由器中,在仪表板路由的connectOutlets方法中,在实例化仪表板后连接小部件:

router.get('applicationController').connectOutlet('dashboard');

router.get('dashboardController').connectOutlet({
  outletName: 'topWidgetView',
  name: 'fooWidget'
});
router.get('dashboardController').connectOutlet({
  outletName: 'leftWidgetView',
  name: 'barWidget'
});