Lekce 12 - Databázový klient v Angular - Přidávání herce/režiséra
V minulé lekci, Databázový klient v Angular - Tvorba modal komponenty, jsme si vytvořili Bootstrap modal komponentu a
ukázali si, jak používat atribut ng-content.
V tomto tutoriálu JavaScriptového frameworku Angular využijeme modální komponentu a přidáme herce/režiséra. Pro tento účel jsme už v minulých lekcích přidali tlačítko Přidat osobnost do navigace naší webové aplikace.
Funkčnost bude vypadat takto:
- uživatel klikne na tlačítko Přidat osobnost,
- zobrazí se formulář pro přidání osobnosti,
- uživatel formulář vyplní,
- kliknutím na tlačítko Uložit se osobnost uloží a modal se schová.
Dále je v této fázi vhodné si rozmyslet, jak bude vypadat úprava osobnosti. Jelikož bude víceméně podobná, můžeme na to použít stejný formulář. Bude nám stačit, když při editaci předvyplníme kontrolky ve formuláři a při přidání je necháme prázdné.
Úprava actors.service.ts
Nejprve potřebujeme vytvořit dotaz na server, který nám uloží osobnost.
Toto by pro nás už nemělo být nic těžkého. Přidáme metodu
addPerson(person: Person), která zavolá potřebný HTTP dotaz.
Metoda bude vypadat takto:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tomto Angular tutoriálu použijeme naši dříve vyrobenou modal komponentu a doplníme do ní formulář pro přidání nového herce.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
