ng-pokemon-app/src/app/pokemon/edit-pokemon/edit-pokemon.component.ts

28 lines
737 B
TypeScript

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Pokemon } from '../pokemon';
import { PokemonService } from '../pokemon.service';
@Component({
selector: 'app-edit-pokemon',
templateUrl: './edit-pokemon.component.html',
styles: [],
})
export class EditPokemonComponent implements OnInit {
pokemon: Pokemon | undefined;
constructor(
private route: ActivatedRoute,
private pokemonService: PokemonService
) {}
ngOnInit() {
const pokemonId: string | null = this.route.snapshot.paramMap.get('id');
if (pokemonId) {
this.pokemonService
.getPokemonById(+pokemonId)
.subscribe((pokemon) => (this.pokemon = pokemon));
}
}
}