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:
![](https://assets.edu.lat/emberjs/images/emberjs-component-defining.jpg)