Moderné webové technológie 12 - Angular

Zhrnutie prednášky

Prednáška predstavuje resolve guard v Angulari, ktorý na rozdiel od canActivate a canDeactivate nie je klasickým gardom, ale funkciou implementujúcou ResolveFn a slúži na dodanie potrebných dát ešte pred zobrazením komponentu. Lektor vytvára GroupResolveGuard, ktorý pomocou injectovanej služby a idčka z ActivatedRouteSnapshot stiahne konkrétnu skupinu zo servera, a v prípade neplatného alebo chýbajúceho ID vráti prázdny observable (empty), čím zabráni aktivácii routy. Následne ukazuje registráciu resolvera v routovacej konfigurácii cez vlastnosť resolve a jeho použitie v komponente cez ActivatedRoute.data.

• - Resolve guard ako funkcia typu ResolveFn, nie klasický guard cez canActivate
• - Účel resolvera - zabezpečiť dáta pred zobrazením komponentu a zabrániť neúplnému UI
• - Vytvorenie GroupResolveGuard s injectovaním UsersService a získaním ID z parametrov URL
• - Návrat empty observable pri chýbajúcom alebo neplatnom ID ako zamietnutie aktivácie routy
• - Doplnenie metódy getGroup v službe pre získanie skupiny podľa ID
• - Registrácia resolvera vo vlastnosti resolve v routovacej konfigurácii a čítanie dát cez ActivatedRoute.data

Zhrnutie pripravené s pomocou AI z prepisu videa.