EmberJS - Definición de un componente

Puede definir fácilmente el componente en Ember.js y cada componente debe tener un guión en su nombre (por ejemplo, mi componente). Ember.js tiene el poder de definir las subclases de componentes mediante el uso de una clase Ember.Component .

El componente se puede crear usando el siguiente comando:

ember generate component component-name

Ejemplo

El ejemplo que se muestra a continuación describe cómo definir un componente en Ember.js. Cree un componente con el nombre post-action , que se definirá en app / components / .

Abra el archivo post-action.js y agregue el siguiente código:

import Ember from 'ember';

export default Ember.Component.extend ({
   toggleBody:['Welcome to Tutorialspoint!!!']
});

Ahora abra el archivo de plantilla de componente post-action.hbs con el siguiente código:

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

Abra el archivo index.hbs y agregue el siguiente código:

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

Salida

Ejecute el servidor ember; recibirá el siguiente resultado: