Acción de plantilla que especifica el tipo de evento

El evento alternativo se puede especificar en {{action}} helper usando la opción on.

Sintaxis

<button {{action "action-name" on = "event-name"}}>Click</button>

Ejemplo

El ejemplo que se muestra a continuación especifica un evento alternativo en el ayudante {{action}} . Cree una nueva ruta y asígnele el nombre post-action.js con el siguiente código:

import Ember from 'ember';

export default Ember.Component.extend ({
   actions: {
      //toggling the text
      toggleBody: function () {
         this.toggleProperty('isShowing');
      }
   }
});

Abra el archivo post-action.hbs creado en app / templates / con el siguiente código:

<button {{action "toggleBody" on = 'click'}}>{{title}}</button>
{{#if isShowing}}
<h2>Welcome to TutorialsPoint</h2>
{{/if}}
{{outlet}}

A continuación, abra el archivo application.hbs creado en app / templates / con el siguiente código:

{{post-action title = "Click Me"}}
{{outlet}}

Salida

Ejecute el servidor ember; recibirá el siguiente resultado:

A continuación, haga clic en el botón, el ayudante {{action}} activa la acción en el elemento especificado y muestra el siguiente resultado: