11. diel - Databázový klient v Angular - Tvorba modal komponenty
V predchádzajúcom kvíze, Kvíz - Routovanie, API, filtre v Angulare, sme si overili nadobudnuté skúsenosti z predchádzajúcich lekcií.
Dnes si vytvoríme modal komponent, do ktorej pridáme formulár na pridanie
týchto osôb. Na tejto modal komponente si ukážeme
<ng-content>.
Modal komponenta
Rovnako ako tomu bolo aj u filtrácie, je skrátka dobrým zvykom rozdeľovať kód aplikácie do rôznych komponentov. Výhodu pocítime najmä u komponentov, ktoré budeme využívať na viacerých miestach aplikácie. Príklad takejto komponenty je aj ono modal okienko (pop-up dialóg). Modal okienko budeme využívať ako pre pridanie herca / režiséra, tak pre ich úpravu a alebo potom aj dokonca pre pridanie filmu. Vo všetkých prípadoch sa bude jednať o rovnakú funkčnosť, budeme teda chcieť modal okno zobraziť a skryť.
Poďme si také okno vytvoriť.
Tvorba nové komponenty
Najskôr si musíme komponent nechať vygenerovať:
ng g c components/modal/
Šablóna
Do šablóny si poďme vložiť
...koniec náhľadu článku...
Pokračuj ďalej
Došiel 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émiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
36 €
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íš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- 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 si vytvoríme Bootstrap modal komponent a ukážeme si ako používať atribút ng-content.
