Non è possibile utilizzare lo stesso elemento radice (corpo) più volte in un Ember.Application

Question

sto errore ottenendo con brace 0.9.8.1

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

idea di cosa questo sta accadendo? alcuni suggerimenti su dove dovrei esaminare?

grazie.

Answer 1

Non è possibile associare più applicazioni Ember allo stesso elemento DOM, poiché sarà in conflitto con la manutenzione DOM.

È tuttavia possibile installare più applicazioni Ember nella stessa pagina. Provare qualcosa di simile:

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

Qui, abbiamo impostato in modo esplicito l'elemento DOM a cui l'applicazione si legherà, utilizzando rootElement proprietà.

Per impostazione predefinita, un Ember app si lega al body, quindi se avete due volte, sono in conflitto ...

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