定义组件（Defining a Component）

您可以在Ember.js中轻松定义组件，并且每个组件的名称中都必须有一个破折号（例如:my-component）。 Ember.js具有使用Ember.Component类定义组件子类的能力。

可以使用以下命令创建组件 -

ember generate component component-name

例子 (Example)

下面给出的示例描述了如何在Ember.js中定义组件。 创建一个名为post-action的组件，该组件将在app/components/下定义。

打开post-action.js文件并添加以下代码 -

import Ember from 'ember';
export default Ember.Component.extend ({
   toggleBody:['Welcome to xnip!!!']
});

现在使用以下代码打开组件模板文件post-action.hbs -

{{#each toggleBody as |body|}}
   Hello...{{body}}
{{/each}}
{{yield}}

打开index.hbs文件并添加以下代码 -

{{post-action}}
{{outlet}}

输出 (Output)

运行ember服务器; 你会收到以下输出 -