EmberJS - Definizione di un componente

Puoi facilmente definire il componente in Ember.js e ogni componente deve avere un trattino nel nome (es: my-component). Ember.js ha il potere di definire le sottoclassi di componenti utilizzando una classe Ember.Component .

Il componente può essere creato utilizzando il comando seguente:

ember generate component component-name

Esempio

L'esempio fornito di seguito descrive come definire un componente in Ember.js. Crea un componente con il nome post-action , che verrà definito in app / components / .

Apri il file post-action.js e aggiungi il seguente codice:

import Ember from 'ember';

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

Ora apri il file modello del componente post-action.hbs con il codice seguente:

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

Apri il file index.hbs e aggiungi il codice seguente:

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

Produzione

Esegui il server ember; riceverai il seguente output -