Lekce 11 - Databázový klient v Angular - Tvorba modal komponenty
V minulé lekci, Databázový klient v Angular - Filtrace osob, jsme vytvořili filtrovací komponentu na režiséry a herce.
V tomto Angular tutoriálu si pro náš databázový projekt vytvoříme
modal komponentu, do níž doplníme formulář na přidání
osob. Na této modal komponentě si ukážeme
<ng-content>.
Modal komponenta
Stejně jako u filtrace je dobrým zvykem rozdělovat kód aplikace do různých komponent. Výhodu pocítíme zejména u komponent, které budeme využívat v rámci aplikace na více místech. Příklad takové komponenty je i ono modal okénko (pop-up dialog). Modal okénko budeme využívat pro přidání herce/režiséra, pro jejich úpravu a později také pro přidání filmu. Ve všech případech se bude jednat o stejnou funkčnost. Budeme tedy chtít modal okno zobrazit a skrýt.
Tvorba nové komponenty
Přesuneme se do složky client/ a komponentu necháme
vygenerovat:
ng g c components/modal/
Šablona
Do šablony si pojďme vložit
...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 si vytvoříme Bootstrap modal komponentu a ukážeme si jak používat atribut ng-content.
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íť.
