Javascript ember.js小部件

我知道ember js适用于单页应用程序，而且您似乎可以将ember js应用程序本地化为单个dom容器，而不是整个页面，因此我想知道ember js是否适合高级小部件创建，不仅仅是一个稍微花哨的下拉列表或其他任何东西，而是一个更复杂的小部件，它可能处理自己的restful资源等，或者以这种方式使用ember.js有点过火

---

如果它适用于小部件，当ember应用程序来自不同的作者时，是否有可能不必重新编码小部件就可以在同一页面上使用多个ember小部件应用程序，我的意思的一个例子是，我可以很容易地在同一页面上拥有来自不同来源的多个jquery插件，而不会产生任何冲突。

Ember.js对于复杂的小部件来说并不过分，而且完全可以在一个页面上使用多个Ember小部件应用程序。但是，需要对代码进行一些修改。从：

默认情况下，Ember.Application将开始侦听服务器上的事件 如果您的应用程序嵌入到页面中，而不是 通过控制整个文档，可以指定要删除的DOM元素 通过设置

rootElement

属性附加到：

课程期间不得删除余烬应用程序的根 如果您只有一个 应用程序的整个页面，并没有嵌入任何第三方 在页面中的Ember应用程序中，使用默认的文档根目录 你的申请

如果页面包含多个根目录，则只需指定根目录 Ember.Application的实例。“

现在明显的问题是如何在加载JavaScript之前为每个小部件设置rootElement。我可以想出很多方法，但是最好的方法取决于你想做什么的设置。希望这能让您走上正确的道路。

看起来与

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