使用Ember.Component子类自定义元素,并将tagName属性设置为它。
import Ember from 'ember';
export default Ember.Component.extend ({
tagName: 'tag_name'
});
下面给出的示例指定使用tagName属性自定义组件的元素。 创建一个名为post-action的组件,该组件将在app/components/下定义。
打开post-action.js文件并添加以下代码 -
import Ember from 'ember';
export default Ember.Component.extend ({
tagName: 'h1'
});
现在使用以下代码行打开组件模板文件post-action.hbs -
Welcome to xnip...
{{yield}}
打开index.hbs文件并添加以下代码行 -
{{post-action}}
{{outlet}}
运行ember服务器; 你会收到以下输出 -