將Ember Component插入特定的DOM元素？

Question

我正在嘗試將Ember組件插入特定的DOM元素： <div id="component"></div>

我目前有以下代碼：

   var App = Ember.Application.create();

   App.NavigationBarComponent = Ember.Component.extend({
     tagName: 'nav'
   });

和：

 <script type="text/x-handlebars" id="application">
     <h1>Component</h1>
 </script>

我將如何去做呢？

Answer 1

您可以創建組件的實例，然后使用appendTo將其附加到頁面上的元素。 這不是正常的用例，但是您可以做到。

var comp = App.FooBarComponent.create();
comp.appendTo('#someArea');

Answer 2

或者，您可以創建由組件組成的視圖。 http://emberjs.com/api/classes/Ember.View.html