将Ember组件插入到特定的DOM元素中

Insert Ember Component in to a specific DOM element?

本文关键字：DOM 元素 Ember 组件 插入      更新时间：2023-09-26

我正试图将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>

我该怎么做？

您可以创建组件的实例，然后使用appendTo将其附加到页面上的元素。这不是一个正常的用例，但你可以做到

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

http://emberjs.jsbin.com/yepibibe/1/edit

或者您可以创建视图而不是组件。http://emberjs.com/api/classes/Ember.View.html

相关文章：