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é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 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.
