Moderné webové technológie 11 - Angular

Zhrnutie prednášky

Prednáška z Moderné webové technológie nadväzuje na modul správy skupín v Angulari a rieši komunikáciu medzi rodičovským a detským komponentom (GroupEditComponent a GroupEditChildComponent). Na detskom komponente sa vytvára template-driven formulár pomocou direktívy ngModel a modulu FormsModule, s validátormi required a minLength a lokálnou referenčnou premennou na zobrazenie chýb. Demonštruje sa metóda životného cyklu ngOnChanges, ktorá reaguje na zmenu vstupnej (@Input) hodnoty a umožňuje bezpečne naklonovať prijatý objekt, aby sa neupravovala referencia patriaca rodičovi. Rieši sa aj problém prevodu poľa reťazcov (permissions) na jeden textový reťazec pre potreby formulárového poľa a späť pomocou metód join a split s následným orezaním (trim) hodnôt.

• Rodičovský a detský komponent (parent-child) v Angulari
• Template-driven formulár a direktíva ngModel
• FormsModule vs ReactiveFormsModule
• Validátory required a minLength
• Lokálna referenčná premenná pre zobrazenie chýb formulára
• Metóda životného cyklu ngOnChanges pri zmene @Input
• Klonovanie vstupného objektu (nemenný vstup od rodiča)
• Prevod poľa reťazcov na string a späť (join, split, trim)

Zhrnutie pripravené s pomocou AI z prepisu videa.