Moderné webové technológie 10 - Angular - Hierarchické routovanie, loadChildren, Http header

Zhrnutie prednášky

Prednáška najprv dopĺňa predchádzajúcu tému znovupoužiteľnosti komponentov ukážkou pridávania nového používateľa cez zdieľaný detský komponent EditUserComponent, doplneného o guard CanActivate a tlačidlo na pridanie v tabuľke používateľov. Hlavnou témou je hierarchické routovanie v Angulari, kde sa vytvára samostatný modul Films s komponentmi FilmsMenu, FilmsList, FilmEdit a FilmDetail, usporiadanými do vnorenej štruktúry ciest pomocou vlastnosti children. Vysvetľuje sa, ako routovací systém vyberá prvú zodpovedajúcu cestu z detí a ako je potrebné do šablón nadradených komponentov vkladať router-outlet, aby sa mohli zobrazovať vnorené komponenty. Na záver sa otvára téma asynchrónneho (lazy) načítavania modulov s cieľom zrýchliť štart Single Page Application a znížiť počiatočné výpočtové nároky prehliadača, pričom sa rozlišujú tri prístupy načítania — okamžité, na pozadí a on-demand.

• - Znovupoužitie detského komponentu EditUser aj pre pridávanie, aj pre editáciu používateľa
• - Pridanie guardu CanActivate na cestu pre pridávanie používateľa a tlačidla v zozname
• - Vytvorenie samostatného modulu Films s komponentmi FilmsMenu, FilmsList, FilmEdit, FilmDetail
• - Definovanie hierarchických ciest pomocou vlastnosti children v routingu
• - Nutnosť router-outlet v šablónach nadradených komponentov pre zobrazenie vnorených detí
• - Angular vyberá prvú zodpovedajúcu cestu z poľa children, ostatné ignoruje
• - Úvod do asynchrónneho (lazy) načítavania modulov kvôli zrýchleniu štartu aplikácie a šetreniu výpočtových prostriedkov

Zhrnutie pripravené s pomocou AI z prepisu videa.