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