Moderné webové technológie 9 - Angular
Preber si túto prednášku so svojou AI
Skopíruj pripravený podklad a vlož ho do ChatGPT, Claude alebo inej AI — bude ťa učiť alebo skúšať len z tejto prednášky.
Zhrnutie prednášky
Prednáška z Moderných webových technológií pokračuje v tvorbe registračného a editačného komponentu v Angulari s využitím reaktívnych formulárov. Rieši sa práca s vnoreným FormArray a FormGroup pre skupiny používateľa, kde dynamicky generované checkboxy vyžadujú synchronizované indexovanie form control mien medzi šablónou a modelom. Ukazuje sa zostavenie objektu User z hodnôt formulára vrátane getterov, ošetrenia hesla (orezanie medzier, hodnota undefined pri prázdnom vstupe) a filtrovania zaškrtnutých skupín pomocou funkcie filter. Následne sa implementuje uloženie nového používateľa cez servisnú metódu Save user a presmerovanie na zoznam používateľov pomocou Router, pričom na záver sa začína riešiť načítanie údajov pre editáciu existujúceho používateľa cez parameter ID z URL a ActivatedRoute.
- Reaktívne formuláre s FormArray a vnorenými FormGroup
- Dynamické form control mená cez index pre checkboxy skupín
- Rozdiel medzi registráciou a uložením/úpravou používateľa (Save user)
- Zostavenie objektu User z hodnôt formulára pomocou getterov
- Filtrovanie vybraných skupín funkciou filter
- Ošetrenie hesla - orezanie medzier a undefined pri prázdnej hodnote
- Router.navigate po úspešnom uložení používateľa
- ActivatedRoute a čítanie parametra ID z URL pri editácii
Zhrnutie pripravené s pomocou AI z prepisu videa.
nechodím na prednášky