18. diel - Databázový klient s autentizáciou v Angular - Úprava navigácia
V predchádzajúcej lekcii, Databázový klient s autentizáciou v Angular - AuthService , sme si vytvorili triedu
AuthService, s ktorou sme prepojili klientskú a serverovú časť
aplikácie. Zároveň sme sa naučili používať HttpInterceptor a
operátormi z knižnice RxJS.
Dnes sa vrátime k užívateľskému rozhraniu aplikácie, začneme pracovať na pridanie stránok pre prihlásenie a registráciu. Predovšetkým sa ale zameriame na úpravu navigácie a na tzv. Route guards.
Najprv si vytvoríme všetky nové komponenty, ktoré budeme potrebovať. Vytvoríme je pomocou Angular CLI týmito príkazmi:
ng g c login ng g c register ng g c main
Komponent MainComponent
Touto komponentom čiastočne nahradíme hlavný komponent
AppComponent. V AppComponent totiž budeme chcieť
mať iba element <router-outlet>, aby sme napr. Na stránke
pre prihlásenie nezobrazovali hornú ponuku pre vypísanie filmov, osôb a ich
pridanie.
main.component.html
Začneme presunom celého
...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 začneme pracovať na pridanie stránok pre prihlásenie a registráciu. Predovšetkým sa ale zameriame na úpravu navigácie a na tzv. Route guards.
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ť.
