Emberjs rootElement的

Question

在導遊，我可以找到：

「 如果您嵌入灰燼應用到現有的網站，你可以有事件偵聽器設置了一個特定的元素通過提供rootElement的屬性：

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

「

請舉例說明如何正確使用它。

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(); 

這裏是的jsfiddle：http://jsfiddle.net/MikeAski/xtzNB/