Azione modello che specifica il tipo di evento

L'evento alternativo può essere specificato sull'helper {{action}} utilizzando l'opzione on.

Sintassi

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

Esempio

L'esempio fornito di seguito specifica un evento alternativo sull'helper {{action}} . Crea un nuovo percorso e chiamalo post-action.js con il codice seguente:

import Ember from 'ember';

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

Apri il file post-action.hbs creato in app / templates / con il seguente codice:

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

Quindi, apri il file application.hbs creato in app / templates / con il seguente codice:

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

Produzione

Esegui il server ember; riceverai il seguente output -

Successivamente, fai clic sul pulsante, l' helper {{action}} attiva l'azione sull'elemento specificato e visualizza il seguente risultato: