No se puede utilizar el mismo elemento raíz (cuerpo) varias veces en un Ember.Application

Question

estoy consiguiendo el error con brasa 0.9.8.1

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

alguna idea de lo que está sucediendo esto? algunas sugerencias sobre dónde debo investigar?

gracias.

Answer 1

No puede vincular varias aplicaciones Ember al mismo elemento DOM, ya que entrarán en conflicto por el mantenimiento de DOM.

No obstante, puede instanciar varias aplicaciones Ember en la misma página. Pruebe algo así:

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: '/' 
     }) 
    }) 
}); 

En este sentido, establecer explícitamente el elemento DOM a la cual se unirá la aplicación, utilizando rootElement propiedad.

Por defecto, una brasa aplicación se une a body, por lo que si usted tiene dos veces, entran en conflicto ...

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