Quand un utilisateur clique sur un lien, presse un bouton ou entre un texte, on veut en être informé. Toutes ces actions lèvent des événements dans le DOM, avec lequel nous voudrions interagir.

Le DOM est une représentation structurée de votre page HTML, où chaque balise HTML représente un noeud.

Nous allons apprendre à lier n’importe quel événement du DOM à une méthode de composants, en utilisant la syntaxe de liaison d’événements d’Angular.

Créer une liaison avec les événements

La syntaxe pour écouter un événement est simple. On entoure le nom de l’événement du DOM par des parenthèses et on renseigne ensuite une action à réaliser, qui correspond à une méthode de notre composant. Par exemple, pour écouter un clic sur un bouton, rien de plus simple.

Comme vous pouvez le voir dans la vidéo, click correspond à l’événement que l’on souhaite intercepter, un événement de type clic. La méthode onClick du composant associé est alors appelée, à chaque clic de la part de l’utilisateur. Mais nous n’avons pas définis cette méthode pour le moment.

33. Récupérer les valeurs entrées par les utilisateurs

Laisser un commentaire