不能使用相同的根元素（體）多次在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/