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émiové sekcie.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
900 kreditov
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.
- 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.
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ť.
