ember.js小部件

Question

我知道ember js适用于单页应用程序,看起来你可以将ember js应用程序本地化到一个dom容器而不是整个页面,所以我想知道ember js是否适合高级小部件创建,不只是一个稍微花哨的下拉或任何东西,而是一个更复杂的小部件,可以处理自己的宁静资源等.或者以这种方式使用ember.js矫枉过正？

如果它适用于小部件,当ember应用程序来自不同的作者时,是否可以在不必重新编码小部件以在同一页面上使用多个ember小部件应用程序,我的意思是我可以轻松拥有多个来自同一页面上不同来源的jquery插件没有任何冲突.

Answer 1

对于复杂的小部件,Ember.js不会过度使用,并且完全可以在单个页面上使用多个ember小部件应用程序.但是,需要进行一些代码修改.来自Ember.js代码:

"默认情况下,Ember.Application将开始侦听文档上的事件.如果您的应用程序嵌入在页面中,而不是控制整个文档,您可以通过设置rootElement属性来指定要附加到哪个DOM元素:

    MyApp = Ember.Application.create({
      rootElement: $('#my-app')
    });

在页面生命周期中,不得删除Ember.Application的根目录.如果整个页面只有一个概念性应用程序,并且未在页面中嵌入任何第三方Ember应用程序,请使用应用程序的默认文档根目录.

如果您的页面包含多个Ember.Application实例,则只需指定root."

现在显而易见的问题是如何在加载JavaScript之前为每个小部件设置rootElement.我可以想到许多方法,但最好的方法取决于你想要做的任何事情的设置.希望这会让你走上正确的道路.