$event et déclarations de gestion d'événement
Dans une liaison d'événement, Angular configure un gestionnaire d'événement pour l'événement cible.
Lorsque l'événement est déclenché, le gestionnaire exécute l'instruction de modèle.
L'instruction de modèle implique généralement un destinataire, qui effectue une action en réponse à l'événement,
tel que le stockage d'une valeur du contrôle HTML dans un modèle.
La liaison transmet des informations sur l'événement, y compris les valeurs de données, via un objet d'événement nommé
$event
.
La forme de l'objet événement est déterminée par l'événement cible. Si l'événement cible est un événement d'élément DOM natif,
l'objet
$event
est un événement DOM , avec des propriétés telles que
target
et
target.value
.
Considérons cet exemple :
Ce code définit la propriété value de la zone de saisie en se liant à la propriété
name
.
Pour écouter les modifications de la valeur, le code est lié à l'événement
input
de la zone de saisie.
Lorsque l'utilisateur apporte des modifications, l'événement
input
est déclenché et la liaison exécute
l'instruction dans un contexte incluant l'objet événement DOM
$event
.
Pour mettre à jour la propriété
name
, le texte modifié est récupéré en suivant le chemin
$event.target.value
.