EmberJS - Invio di azioni

È possibile utilizzare gestori di eventi per inviare azioni dal componente all'applicazione.

Sintassi

{{comp_name action = "name_of_action"}}

Esempio

L'esempio riportato di seguito specifica l'invio di azioni dai componenti all'applicazione. Crea un componente con il nome comp-yield e apri il file modello del componente comp-yield.js creato in app / components / con il codice seguente:

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();
      }
   }
});

Apri il file comp-yield.hbs creato in app / templates / components / e inserisci il seguente codice:

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

Crea il file application.hbs e aggiungi il codice seguente:

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

Produzione

Esegui il server ember; riceverai il seguente output -

Quando fai clic sul pulsante, verrà visualizzato il testo come mostrato nello screenshot qui sotto -