Alors vous avez r√©ussi ? Vous n’avez plus d’erreurs dans la console ? ūüėÄ

Je vous propose tout de même une correction, afin que nous ayons la même base pour la suite. Recopiez donc le code donnée en ressource de la vidéo, puis analysons l’ensemble.

Voici ce qui a √©t√© modifi√©, par rapport au composant qui affichait simplement ¬ę¬†Hello, World !¬ę¬†:

  • Trois importations suppl√©mentaires: importation de l’interface OnInit, r√©cup√©ration du mod√®le repr√©sentant un Pok√©mon, afin de pouvoir typer nos variables, et ajout de la constante POKEMONS, qui contient les donn√©es de diff√©rents Pok√©mons.
  • Modification du template: en mettant Pok√©mons comme titre, √† la place de ¬ę¬†Hello, World !¬†¬Ľ.
  • D√©claration d’une nouvelle propri√©t√©: pokemons qui doit contenir la liste des Pok√©mons √† afficher √† l’utilisateur.
  • La m√©thode d’initialisation ngOnInit:¬†qui a pour fonction d’initialiser la propri√©t√© pokemons du composant avec les valeurs import√©es depuis mock-pokemons.ts.
  • La m√©thode selectedPokemon: qui permet d’afficher dans la console le nom du Pok√©mon s√©lectionn√© par l’utilisateur.

Nous voici avec un composant presque pr√™t, mais il lui manque encore une chose pour pouvoir fonctionner. C’est pourquoi nous ajouterons un template √† notre composant dans le prochain chapitre !

Pour l’instant, ce composant ne fait rien d’autre que d’afficher un titre, nous devons le coupler √† un template pour avoir un ensemble fonctionnel !

26. Conclusion

Laisser un commentaire