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 pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
875 Kč
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.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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íť.
