Modèle modifiant le premier paramètre de l'action

Vous pouvez modifier le premier paramètre de l'action en spécifiant une option de valeur pour l' assistant {{action}} .

Syntaxe

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

Exemple

L'exemple ci-dessous montre la modification du premier paramètre de l' action à l' aide de l'option {{action}} helper with value. Créez un nouveau composant et nommez-le post-action.js avec le code suivant -

import Ember from 'ember';

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

Ouvrez le fichier post-action.hbs créé sous app / templates / avec le code suivant -

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

Ensuite, ouvrez le fichier application.hbs créé sous app / templates / avec le code suivant -

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

Production

Exécutez le serveur de braises et vous obtiendrez la zone de saisie pour entrer la valeur -

Il affichera la valeur du champ de saisie, où l'utilisateur a mentionné comme indiqué dans la capture d'écran ci-dessous -