ember.js - create - Emberjs rootElement

ember onclick

Question

En la guía puedo encontrar:

"Si está integrando una aplicación Ember en un sitio existente, puede tener receptores de eventos configurados para un elemento específico al proporcionar 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/