-
Notifications
You must be signed in to change notification settings - Fork 0
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 | - |