Moderné webové technológie 13 - 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 ukazuje implementáciu serverovej paginácie, triedenia a filtrovania pre tabuľku filmov, keďže MatTableDataSource funguje len nad dátami, ktoré sú celé na klientovi. Lektor pomocou viewChild required získava referencie na MatPaginator a MatSort a v AfterViewInit odchytáva udalosť page z paginátora, aby vedel zistiť aktuálny rozsah stránky. Následne zavádza signály indexFrom, indexTo, orderBy, descending a search, ktoré sa posielajú do metódy getFilms, a na konci rieši chybu, kde sa hodnota indexFrom rovná nule neposielala na server.

  • - Obmedzenie MatTableDataSource pri veľkých dátových sadách vyžadujúcich serverovú pagináciu
  • - Získanie referencií na MatPaginator a MatSort pomocou viewChild required v AfterViewInit
  • - Odchytávanie page eventu z paginátora (pageIndex, pageSize, length)
  • - Signály indexFrom, indexTo, orderBy, descending a search pre parametrizáciu getFilms
  • - Odosielanie parametrov na server a ladenie chyby s nulovou hodnotou indexFrom

Zhrnutie pripravené s pomocou AI z prepisu videa.