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 ci-dessous, puis analysons l’ensemble :
import { Component, OnInit } from '@angular/core'; import { Pokemon } from './pokemon'; import { POKEMONS } from './mock-pokemons'; @Component({ selector: 'app-root', template: `<h1>Pokémons</h1>`, }) export class AppComponent implements OnInit { pokemons: Pokemon[] = null; ngOnInit() { this.pokemons = POKEMONS; } selectPokemon(pokemon: Pokemon) { console.log('Vous avez selectionné ' + pokemon.name); } }
Voici ce qui a été modifié, par rapport au composant qui affichait simplement « Hello, World ! » :
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 !