Moderné webové technológie 9 - Angular - Feature module, strážcovia routovania

Zhrnutie prednášky

Prednáška nadväzuje na predchádzajúcu časť opravou chyby s form array a názvom skupín v šablóne (formArrayName), následne sa rieši CSS úprava zobrazenia checkboxov a pridanie tlačidla na editáciu používateľa pomocou routerLink s parametrom ID. Ďalej sa vysvetľuje mechanizmus komunikácie medzi rodičovským a detským komponentom v Angulari – vstupné dáta cez @Input a ich spracovanie pomocou ngOnChanges. Hlavnou témou je použitie @Output a EventEmitter na odosielanie udalostí z dieťaťa do rodiča, konkrétne pri ukladaní editovaného používateľa, vrátane spracovania hesla, aktívneho stavu a vybraných skupín pomocou funkcionálnych operátorov ako filter a map. Na záver sa naznačuje prepojenie na servisnú vrstvu (saveUser) a presmerovanie späť na zoznam používateľov po úspešnom uložení.

• - Oprava chyby s form array pridaním formArrayName do šablóny pre skupiny
• - CSS úprava zobrazenia mat-checkboxov pod sebou pomocou blokových elementov
• - Pridanie tlačidla na editáciu používateľa s routerLink a parametrom ID
• - Vysvetlenie @Input a ngOnChanges pre reakciu na zmenu vstupných dát v detskom komponente
• - Použitie @Output a EventEmitter na odosielanie udalosti zmeny (changed) z dieťaťa do rodiča
• - Spracovanie dát formulára pri ukladaní – heslo, aktívny stav, filtrovanie vybraných skupín pomocou filter a index
• - Prepojenie na servisnú metódu saveUser a presmerovanie na zoznam po úspešnom uložení

Zhrnutie pripravené s pomocou AI z prepisu videa.