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 pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
875 Kč
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.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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íť.
