不能使用相同的根元素（体）多次在Ember.Application

Question

我收到提示与Ember 0.9.8.1

You cannot use the same root element (body) multiple times in an Ember.Application 

任何知道这是怎么回事？我应该看看哪些建议？

谢谢。

Answer 1

您不能将几个Ember应用程序绑定到相同的DOM元素，因为它会为DOM维护发生冲突。

尽管如此，您仍然可以在同一页面中实现几个Ember应用程序。尝试类似的东西：

App1 = Ember.Application.create({ 
    rootElement: '#app1' 
}); 

App1.ApplicationController = Ember.Controller.extend(); 
App1.ApplicationView = Ember.View.extend({ 
    templateName: 'app1-view' 
}) 

App1.Router = Ember.Router.extend({ 
    root: Ember.Route.extend({ 
     index: Ember.Route.extend({ 
      path: '/' 
     }) 
    }) 
}); 


App2 = Ember.Application.create({ 
    rootElement: '#app2' 
}); 

App2.ApplicationController = Ember.Controller.extend(); 
App2.ApplicationView = Ember.View.extend({ 
    templateName: 'app2-view' 
}) 

App2.Router = Ember.Router.extend({ 
    root: Ember.Route.extend({ 
     index: Ember.Route.extend({ 
      path: '/' 
     }) 
    }) 
}); 

在这里，我们明确地设置到应用程序将绑定的DOM元素，使用rootElement财产。

默认情况下，灰烬应用结合body，所以如果你有两次，他们冲突...

例@http://jsfiddle.net/MikeAski/FMV8u/13/