Partie 1 : Découvrir Angular
Partie 2 : Acquérir les bases sur Angular
Partie 3 : Aller plus loin avec Angular
1 de 2

3. Une méthode pour gérer les interactions utilisateurs

Vous vous demandez surement comment gérer les interactions de l’utilisateur. Par exemple, si l’utilisateur clique sur un Pokémon de notre liste, nous voudrons probablement effectuer une action comme une redirection ou un affichage.

La capture de l’interaction utilisateur se fait côté template, et nous verrons comment faire au prochain chapitre. En revanche, lorsque l’utilisateur déclenche l’événement attendu, vous pouvez définir une méthode qui sera appelée à chaque fois.

export class AppComponent { 
 // ... 
 selectPokemon(pokemon: Pokemon) { 
  console.log("Vous avez cliqué sur " + pokemon.name); 
 } 
 // ... 
}

Comme vous le voyez, nous n’avons rien fait de compliqué ici. La méthode selectPokemon prend en paramètre un objet de type Pokemon et affiche son nom dans la console du navigateur.

Il ne nous reste plus qu’à développer un template pour ce composant, qui appellera notre méthode lorsque l’événement ‘clic’ sera déclenché par l’utilisateur. Mais nous verrons comment faire cela depuis notre template, au chapitre suivant. Patience !