25 lines
673 B
TypeScript
25 lines
673 B
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { Router } from '@angular/router';
|
|
import { Pokemon } from '../pokemon';
|
|
import { PokemonService } from '../pokemon.service';
|
|
|
|
@Component({
|
|
selector: 'app-list-pokemon',
|
|
templateUrl: './list-pokemon.component.html',
|
|
})
|
|
export class ListPokemonComponent implements OnInit {
|
|
pokemonList: Pokemon[];
|
|
|
|
constructor(private router: Router, private pokemonService: PokemonService) {}
|
|
|
|
ngOnInit() {
|
|
this.pokemonService
|
|
.getPokemonList()
|
|
.subscribe((pokemonList) => (this.pokemonList = pokemonList));
|
|
}
|
|
|
|
goToPokemon(pokemon: Pokemon) {
|
|
this.router.navigate(['/pokemon', pokemon.id]);
|
|
}
|
|
}
|