EmberJS - Définition d'un composant

Vous pouvez facilement définir le composant dans Ember.js et chaque composant doit avoir un tiret dans son nom (ex: mon-composant). Ember.js a le pouvoir de définir les sous-classes de composants à l'aide d'une classe Ember.Component .

Le composant peut être créé en utilisant la commande ci-dessous -

ember generate component component-name

Exemple

L'exemple donné ci-dessous décrit comment définir un composant dans Ember.js. Créez un composant avec le nom post-action , qui sera défini sous app / components / .

Ouvrez le fichier post-action.js et ajoutez le code suivant -

import Ember from 'ember';

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

Ouvrez maintenant le fichier de modèle de composant post-action.hbs avec le code suivant -

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

Ouvrez le fichier index.hbs et ajoutez le code suivant -

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

Production

Exécutez le serveur de braises; vous recevrez la sortie suivante -