Lekce 18 - Databázový klient s autentizací v Angular - Úprava navigace
V předchozí lekci, Databázový klient s autentizací v Angular - AuthService, jsme si vytvořili třídu
AuthService, s kterou jsme propojili klientskou a serverovou část
aplikace. Zároveň jsme se naučili používat HttpInterceptor a
operátory z knihovny RxJS.
V tomto Angular tutoriálu vrátíme k uživatelskému rozhraní naší filmové databáze. Začneme pracovat na přidání stránek pro přihlášení a registraci. Především se ale zaměříme na úpravu navigace a na tzv. route guards.
Nejprve si vytvoříme všechny nové komponenty, které budeme potřebovat.
Přesuneme se do složky client/ a vytvoříme je pomocí Angular
CLI těmito příkazy:
ng g c login ng g c register ng g c main
Komponenta MainComponent
Touto komponentou částečně nahradíme hlavní komponentu
AppComponent. V AppComponent totiž budeme chtít mít
pouze element <router-outlet>, abychom např. na stránce pro
přihlášení nezobrazovali horní nabídku pro vypsání filmů, osob a jejich
přidání.
main.component.html
Začneme přesunem celého HTML kódu z AppComponent do nové
MainComponent, tzn. ze souboru app.component.html
do
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tomto Angular tutoriálu začneme pracovat na přidání stránek pro přihlášení a registraci. Především se ale zaměříme na navigaci a na tzv. route guards.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
