Moderné webové technológie 9 - Angular

Zdroj
ručne priradené
Pridané

Pozrieť na YouTube →

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.

Otvoriť AI: ChatGPT · Claude · Gemini

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.