ember.js - Emberjs rootElement

Question

ガイドで私は見つけることができます：

" Ember アプリケーションを既存のサイトに埋め込む場合、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/