Lekce 10 - Databázový klient v Angular - Filtrace osob

V minulé lekci, Databázový klient v Angular - Router a navigace, jsme si představili router a vytvořili novou stránku, která nám momentálně zobrazuje pouze režiséry. Pomocí navigace se také můžeme překlikávat mezi stránkami v naší Angular aplikaci.

V tomto Angular tutoriálu vytvoříme v našem databázovém projektu filtraci pro osoby, abychom mohli zobrazovat jak herce, tak i režiséry.

Filter Model

Náš filtrovací model bude reprezentovat uživatelem nastavený filtr. Ve složce services/models/ vytvoříme soubor actor-filter.model.ts. Před tím, než začneme psát definici třídy, se pojďme zamyslet nad jejími vlastnostmi. Těmi budou:

• Role - Zda chceme získávat herce nebo režiséry.
• Limit - Kolik chceme zobrazit herců/režisérů, abychom zbytečně nezatěžovali API server.

To bychom měli a můžeme tedy napsat definici třídy ActorFilter:

export class ActorFilter {
    role!: string;
    limit: number | null = 10;
}

Role

Budeme také potřebovat nějak reprezentovat

...konec náhledu článku...
Pokračuj dál