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 -