EmberJS - Ações de envio

Você pode usar manipuladores de eventos para enviar ações do componente para o seu aplicativo.

Sintaxe

{{comp_name action = "name_of_action"}}

Exemplo

O exemplo fornecido a seguir especifica o envio de ações de componentes para seu aplicativo. Crie um componente com o nome comp-yield e abra o arquivo de modelo do componente comp-yield.js criado em app / components / com o seguinte 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 o arquivo comp-yield.hbs criado em app / templates / components / e digite o seguinte código -

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

Crie o arquivo application.hbs e adicione o seguinte código -

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

Resultado

Execute o servidor ember; você receberá a seguinte saída -

Ao clicar no botão, ele exibirá o texto conforme mostrado na imagem abaixo -