10. diel - Databázový klient v Angular - Filtrácia osôb
V minulej lekcii, Databázový klient v Angular - Router a navigácia , sme si predstavili router a vytvorili novú stránku, ktorá nám momentálne zobrazuje iba herca. Pomocou navigácie sa tiež môžeme preklikávať medzi stránkami v našej Angular aplikácii.
Dnes vytvoríme filtráciu pre osoby, aby sme mohli zobrazovať ako herca, tak i režisérmi.
Filter Model
Poďme teda, rovnako ako u filmov, vytvoriť filtrovacie model, ktorý bude
reprezentovať užívateľom nastavený filter. V priečinku
services/models/ vytvoríme súbor
actor-filter.model.ts. Pred tým, ako začneme písať definíciu
triedy, sa poďme zamyslieť nad jej vlastnosťami. Tými budú:
- Úloha - Či chceme získavať herca alebo režisérmi.
- Limit - Koľko chceme zobraziť hercov / režisérov, aby sme zbytočne nezaťažovali API server.
To by sme mali, poďme teda napísať definíciu triedy
ActorFilter:
export class ActorFilter { role: string; limit: number | null = 10; }
Role
Budeme tiež potrebovať nejako reprezentovať
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
36 €
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V Angular tutoriálu si vytvoríme filtrovacie komponent a pomocou nej umožníme vykresľovanie hercov a režisérovi.