Obtenir une entrée utilisateur à partir de l'objet $event
Cette section montre comment créer une liaison avec l'événement
keyup
d'une zone de saisie pour obtenir la saisie de l'utilisateur après chaque frappe.
Le code suivant écoute l'événement
keyup
et transmet l'ensemble à
payload($event)
(gestionnaire d'événements du composant).
Lorsqu'un utilisateur appuie sur une touche et la relâche, l'événement
keyup
se produit,
Angular fournit un objet d'événement DOM correspondant dans la variable
$event
,
que ce code transmet en tant que paramètre à la méthode
onKey()
du composant.
Les propriétés d'un objet
$event
varient en fonction du type d'événement DOM.
Par exemple, un événement de souris contient des informations différentes de celles d'un événement d'édition de zone de saisie.
Tous les objets d'événement DOM standard ont une propriété
target
, une référence à l'élément qui a déclenché l'événement.
Dans ce cas,
target
fait référence à l'élément
‹input›
et
event.target.value
renvoie le contenu actuel de cet élément.
Après chaque appel, la méthode
onKey()
ajoute le contenu de la valeur de la zone de saisie à la liste de la propriété "values" du composant,
suivi d'un caractère de séparation (
|
). L'interpolation affiche les modifications cumulées de la propriété value dans la zone de saisie.
Supposons que l'utilisateur entre les lettres "abc", puis les backspaces pour les supprimer une par une.
Voici ce que l'interface utilisateur affiche :