Emberjs rootElement

Question

En guía que puedo encontrar:

" Si está incrustando una aplicación Ember en un sitio existente, puede hacer que los detectores de eventos configurados para un elemento específico, proporcionando una propiedad rootElement:

window.App = Ember.Application.create({ 
    rootElement: '#sidebar' 
}); 

"

Por favor, dame un ejemplo de cómo usarlo correccionalmente.

Answer 1

HTML

<script type="text/x-handlebars" data-template-name="app-view"> 
    My ember app view 
</script> 

This is a static content 

<div id="app-container"></div> 

This is a static content 

JS

App = Ember.Application.create({ 
    rootElement: '#app-container' 
}); 

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

App.Router = Ember.Router.extend({ 
    root: Ember.Route.extend({ 
     index: Ember.Route.extend({ 
      route: '/', 

      connectOutlets: function (router) { 
       // do some stuff here... 
      } 
     }) 
    }) 
}); 

App.initialize(); 

Aquí está el jsFiddle: http://jsfiddle.net/MikeAski/xtzNB/