EmberJS - Envoi d'actions

Vous pouvez utiliser des gestionnaires d'événements pour envoyer des actions d'un composant à votre application.

Syntaxe

{{comp_name action = "name_of_action"}}

Exemple

L'exemple ci-dessous spécifie l'envoi d'actions des composants vers votre application. Créez un composant avec le nom comp-yield et ouvrez le fichier de modèle de composant comp-yield.js créé sous app / components / avec le code suivant -

import Ember from 'ember';

export default Ember.Component.extend ({
   actions: {
      compFunc: function () {
         this.set('title', "Hello...Welcome To Tutorialspoint...");
         
         //sendAction() method sends the specified action when the component is 
            used in a template
         this.sendAction();
      }
   }
});

Ouvrez le fichier comp-yield.hbs créé sous app / templates / components / et entrez le code suivant -

<h2>Sending Actions to a Component</h2>
<input type = "button" value = "Click Here" {{action "compFunc"}} /><br/>
<p><b>{{title}}</b></p>
{{yield}}

Créez le fichier application.hbs et ajoutez le code suivant -

{{comp-yield title = title action = "compFunc"}}
{{outlet}}

Production

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

Lorsque vous cliquez sur le bouton, il affichera le texte comme indiqué dans la capture d'écran ci-dessous -