5. diel - Databázový klient v Angular - Sprevádzkovanie routovanie
V minulej lekcii, Databázový klient v Angular - Príprava projektu , sme pripravili adresárovú štruktúru projektu, stiahli sme hotový kód servera a šablónu Angular klienta. Dnes sa naučíme routovat a napíšeme si prvé komponent, ktorú využijeme pri routovanie.
Bootstrap
V rámci tohto kurzu sa nebudeme zdržovať písaním vlastného CSS, ale
pretože chceme, aby naše aplikácie nejako vyzerala, využijeme CSS triedy
front-end frameworku Bootstrap. Preto ešte
než začneme s písaním našich komponentov, presunieme sa do zložky
client/ a nainštalujeme tento framework príkazom:
npm i bootstrap
Zostáva ešte importovať Bootstrap framework do našej Angular aplikácie. Ponúka sa nám dva spôsoby:
- upravenie
angular.json - Import priamo do
styles.css
Ukážeme si tu obaja, aký využijete je na vás. Ja v projekte použijem ten
...koniec náhľadu článku...
Pokračuj ďalej
Minul 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.
Obmedzená ponuka: Nauč sa všetko a ušetri
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.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- 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ále si nainštalujeme knižnicu Bootstrap a napíšeme si prvé komponent pre zobrazenie zoznamu filmov. Ďalej si ukážeme základy routovanie.
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ť.
