Moderné webové technológie 5 - 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í sa venuje tvorbe prihlasovacieho formulára v Angulari s využitím knižnice Angular Material. Postupne sa buduje komponent Login, ktorý používa mat-card ako kontajner formulára, mat-form-field a mat-input na zadávanie mena a hesla a mat-button na odoslanie. Ukazuje sa prepínanie viditeľnosti hesla pomocou ikonového tlačidla (mat-icon, visibility/visibility_off) a premennej hide, ako aj potreba importovať príslušné moduly (MatCardModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatIconModule) do komponentu. Na záver sa rieši problém, že tlačidlo typu submit spôsobuje nechcený refresh stránky.

  • Angular Material komponenty pre formulár
  • mat-card ako kontajner prihlasovacieho formulára
  • mat-form-field a mat-input na meno a heslo
  • Prepínanie viditeľnosti hesla cez mat-icon a premennú hide
  • Import modulov MatCardModule, MatButtonModule, MatInputModule
  • Element form a obalenie inputov a tlačidla
  • Predvolené správanie tlačidla typu submit
  • Prepojenie Angular komponentu s Java backendom cez servis Login

Zhrnutie pripravené s pomocou AI z prepisu videa.