Plantilla que modifica el primer parámetro de la acción

Puede modificar el primer parámetro de la acción especificando una opción de valor para el ayudante {{action}} .

Sintaxis

<input type = "text" value = {{name}} onblur = {{action "action-name"}} />

Ejemplo

El ejemplo que se muestra a continuación muestra la modificación del primer parámetro de la acción mediante el uso de la opción auxiliar {{action}} con valor. Cree un nuevo componente y asígnele el nombre post-action.js con el siguiente código:

import Ember from 'ember';

export default Ember.Component.extend({
   actions: {
      actionFirstParameter(newName) {
         document.write('Name is:'+' '+newName);
      }
   }
});

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

<label>Enter the name:</label>
<input type = "text" value = {{yourName}} onblur = 
   {{action "actionFirstParameter" value = "target.value"}} />
{{outlet}}

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

{{post-action}}
{{outlet}}

Salida

Ejecute el servidor ember y obtendrá el cuadro de entrada para ingresar el valor:

Mostrará el valor del campo de entrada, donde el usuario ha mencionado como se muestra en la captura de pantalla a continuación: