EmberJS - Composants

Les composants Ember.js utilisent la spécification du composant Web W3C et fournissent de véritables widgets d'interface utilisateur d'encapsulation. Il contient les trois spécifications principales en tant que modèles , shadow DOM et éléments personnalisés . Le composant est déclaré dans le nom du modèle de données qui a un nom de chemin au lieu d'une chaîne simple et est précédé de "composants /".

Le tableau suivant répertorie les événements d'action des actions -

S.No. Événements d'action et description
1 Définition d'un composant

Vous pouvez facilement définir un composant dans Ember.js et chaque composant doit avoir un tiret dans son nom.

2 Cycle de vie des composants

Le cycle de vie des composants utilise certaines des méthodes afin d'exécuter le code à des moments spécifiques de la vie d'un composant.

3 Passer des propriétés à un composant

Le composant n'accède pas directement à la propriété dans la portée du modèle. Par conséquent, déclarez simplement la propriété au moment de la décélération du composant.

4 Emballage du contenu dans un composant

Vous pouvez encapsuler le contenu dans un composant à l'aide des modèles.

5 Personnalisation de l'élément d'un composant

Vous pouvez personnaliser l'élément du composant tel que les attributs, les noms de classe en utilisant une sous-classe d' Ember.Component dans le JavaScript.

6 Utilisation des paramètres de bloc

Les propriétés passées dans un composant peuvent renvoyer le résultat dans une expression de bloc.

sept Gestion des événements

Les événements utilisateur tels que le double-clic, le survol, la pression de touche, etc. peuvent être gérés par les gestionnaires d'événements. Pour ce faire, appliquez le nom de l'événement en tant que méthode sur le composant.

8 Déclencher des changements avec des actions

Les composants peuvent déclencher les modifications et communiquer avec les événements à l'aide des actions.