Skip to content

04 Add a Pokémon edit page

Yirica edited this page Feb 5, 2021 · 13 revisions

With the list page completed we can now move on to the creation of an edit page.

The edit page should meet the following requirements:

  • Should be placed in pages/detail folder
  • Should consist of the following files: pokemon-detail.module.ts, pokemon-detail.page.html, pokemon-detail.page.ts and maybe pokemon-detail.page.scss.
  • The SharedModule can be used just like in the previous step with the same restrictions.
  • Should be accessible under http://localhost:4600/:nameOrId where nameOrId is a route parameter
  • The route should be lazy loaded.
  • The page should display the details of Pokémon using the ps-card, ps-form, ps-form-field and ps-number-input components and maybe some Material compoennts.
  • The following properties should be editable:
Property name type required Validators hint
id number X min: 1 -
name string X minLength: 1 Don't you dare use MissingNo!
height number - min: 0.1 -
weight number - min 0.1 -