12. diel - Databázový klient v Angular - Pridávanie herca / režiséra
V minulej lekcii, Databázový klient v Angular - Tvorba modal komponenty , sme si vytvorili Bootstrap modal komponent a ukázali si ako používať atribút ng-content.
Dnes využijeme modálne komponent a pridáme herca / režiséra. Pre tento účel sme už v minulých lekciách pridali tlačidlo "Pridať osobnosť" do navigácie našej webovej aplikácie.
Funkčnosť by mala byť nasledovná:
- Používateľ klikne na tlačidlo "Pridať osobnosť".
- Zobrazí sa formulár pre pridanie osobnosti.
- Používateľ formulár vyplní.
- Kliknutím na tlačidlo "Uložiť" sa osobnosť uloží a modal sa schová.
Ďalej je v tejto fáze vhodné si rozmyslieť, ako bude vyzerať aj úprava osobnosti. Keďže bude viacmenej podobná, môžeme na to použiť "rovnaký" formulár. Bude nám stačiť, keď pri editácii předvyplníme kontrolky vo formulári a pri pridaní ich necháme prázdne.
Úprava actors.service.ts
Najprv potrebujeme vytvoriť dotaz na server, ktorý nám uloží osobnosť.
Toto by pre nás už nemalo byť nič ťažké. Pridáme metódu
addPerson(person: Person), ktorá zavolá potrebný HTTP dotaz.
Metóda môže vyzerať nejako takto:
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Obmedzená ponuka: Nauč sa všetko a ušetri
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V Angular tutoriálu použijeme našu skôr vyrobenú modal komponent a do nej pridáme formulár pre pridanie nového herca.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
