[英]Insert Ember Component in to a specific DOM element?
I'm trying to insert an Ember Component into a specific DOM element: <div id="component"></div>
我正在尝试将Ember组件插入特定的DOM元素:
<div id="component"></div>
I currently have this code: 我目前有以下代码:
var App = Ember.Application.create();
App.NavigationBarComponent = Ember.Component.extend({
tagName: 'nav'
});
And: 和:
<script type="text/x-handlebars" id="application">
<h1>Component</h1>
</script>
How would I go about doing this? 我将如何去做呢?
You can create an instance of the component then use appendTo
to append it to an element on the page. 您可以创建组件的实例,然后使用
appendTo
将其附加到页面上的元素。 This is not a normal use case, but you can do it. 这不是正常的用例,但是您可以做到。
var comp = App.FooBarComponent.create();
comp.appendTo('#someArea');
http://emberjs.jsbin.com/yepibibe/1/edit http://emberjs.jsbin.com/yepibibe/1/edit
Or you can create view insted of commponent. 或者,您可以创建由组件组成的视图。 http://emberjs.com/api/classes/Ember.View.html
http://emberjs.com/api/classes/Ember.View.html
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.