EmberJS - Envío de acciones

Puede utilizar controladores de eventos para enviar acciones desde el componente a su aplicación.

Sintaxis

{{comp_name action = "name_of_action"}}

Ejemplo

El ejemplo que se muestra a continuación especifica el envío de acciones de componentes a su aplicación. Cree un componente con el nombre comp-yield y abra el archivo de plantilla de componente comp-yield.js creado en app / components / con el siguiente código:

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

Abra el archivo comp-yield.hbs creado en app / templates / components / e ingrese el siguiente código:

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

Cree el archivo application.hbs y agregue el siguiente código:

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

Salida

Ejecute el servidor ember; recibirá el siguiente resultado:

Al hacer clic en el botón, se mostrará el texto como se muestra en la captura de pantalla a continuación: