Moderné webové technológie 11 - 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

Cvičenie z Angularu nadväzuje na predchádzajúce zvýrazňovanie aktívnej tabky pomocou routerLinkActive a udalosti isActiveChange, ktorá funguje aj pri priamom zadaní URL adresy. Hlavnou témou je potom komunikácia medzi rodičovským a detským komponentom - lektor vytvára nový detský komponent group-edit-child na editáciu skupiny, vysvetľuje rozdiel medzi pages a components v štruktúre projektu a implementuje signálový formulár s poľami pre názov skupiny a práva. Na záver dopĺňa metódu saveGroup v službe a spracovanie odoslania formulára v komponente.

  • - routerLinkActive a udalosť isActiveChange na zvýraznenie aktívnej tabky podľa URL
  • - Rozdiel medzi komponentmi typu pages (cez router) a components (detské komponenty)
  • - Vytvorenie detského komponentu group-edit-child a jeho import do rodiča
  • - Signálový formulár (signal forms) s modelom pre názov skupiny a práva
  • - Doplnenie metódy saveGroup v službe pre uloženie skupiny na server
  • - Ošetrenie odoslania formulára pomocou preventDefault

Zhrnutie pripravené s pomocou AI z prepisu videa.