EmberJS - Definindo um Componente

Você pode definir facilmente o componente em Ember.js e cada componente deve ter um traço em seu nome (ex: meu-componente). Ember.js tem o poder de definir as subclasses de componentes usando uma classe Ember.Component .

O componente pode ser criado usando o comando abaixo -

ember generate component component-name

Exemplo

O exemplo abaixo descreve como definir um componente em Ember.js. Crie um componente com o nome pós-ação , que será definido em app / components / .

Abra o arquivo post-action.js e adicione o seguinte código -

import Ember from 'ember';

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

Agora abra o arquivo de modelo de componente post-action.hbs com o seguinte código -

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

Abra o arquivo index.hbs e adicione o seguinte código -

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

Resultado

Execute o servidor ember; você receberá a seguinte saída -