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é webové technológie pokračuje vo vytváraní formulára na pridávanie a editáciu používateľov v Angulari pomocou reaktívnych formulárov (FormGroup, FormControl, FormArray). Implementuje sa metóda saveUser v servise, ktorá cez HTTP POST odosiela nového používateľa na server a mapuje odpoveď späť na objekt typu User. V metóde onSubmit sa z formulárového modelu získavajú dáta pomocou vlastnosti value a skladá sa z nich nová inštancia používateľa vrátane spracovania skupín, ktoré sú vo formulári reprezentované ako pole boolovských hodnôt (checkboxy) mapovaných podľa indexu na zoznam všetkých skupín (allGroups) pomocou filter a index. Po úspešnom uložení sa zobrazí hlásenie cez injektovanú message service a rieši sa rozdiel medzi pridaním nového a editáciou existujúceho používateľa podľa prítomnosti id.

  • Reaktívne formuláre - FormGroup, FormControl, FormArray
  • Odosielanie dát cez HTTP POST v servise (saveUser)
  • Získanie dát z formulára cez vlastnosť value
  • Mapovanie boolovského poľa checkboxov na zoznam skupín (filter + index)
  • Injektovanie a použitie message service pre notifikácie
  • Rozlíšenie pridania nového vs. editácie existujúceho používateľa podľa id
  • Konverzia dát z formulára na doménový objekt User

Zhrnutie pripravené s pomocou AI z prepisu videa.