2023-02-24 08:31:35 +00:00
|
|
|
import { Component, OnInit } from '@angular/core';
|
|
|
|
import { POKEMONS } from './mock-pokemon-list';
|
|
|
|
import { Pokemon } from './pokemon';
|
2023-02-22 13:12:40 +00:00
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'app-root',
|
2023-02-24 09:50:26 +00:00
|
|
|
templateUrl: 'app.component.html',
|
2023-02-22 13:12:40 +00:00
|
|
|
})
|
2023-02-24 08:31:35 +00:00
|
|
|
export class AppComponent implements OnInit {
|
|
|
|
pokemonList: Pokemon[] = POKEMONS;
|
2023-02-24 09:50:26 +00:00
|
|
|
pokemonSelected: Pokemon | undefined;
|
2023-02-24 08:31:35 +00:00
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
console.table(this.pokemonList);
|
|
|
|
}
|
|
|
|
|
|
|
|
selectPokemon(pokemon: Pokemon) {
|
|
|
|
console.log(`Vous avez cliqué sur le pokémon ${pokemon.name}`);
|
2023-02-24 09:50:26 +00:00
|
|
|
this.pokemonSelected = pokemon;
|
2023-02-24 08:31:35 +00:00
|
|
|
}
|
2023-02-22 13:12:40 +00:00
|
|
|
}
|