Lekce 8 - Databázový klient v Angular - Filtrovací komponenta
V minulé lekci, Databázový klient v Angular - Filtrovací modely a služby, jsme si vytvořili nové modely a služby pro filtrování filmů a také si za tímto účelem přidali novou komponentu.
V této lekci Angular tutoriálu přidáme do filtrovací komponenty šablonu a zaintegrujeme ji do aplikace. Tím získáme funkční filtrování filmů. Pojďme se do toho pustit.
Soubor movie-filter.component.html
Přejděme do souboru movie-filter.component.html
a přidejme
tam následující <form>
tag, čímž započneme tvorbu
filtračního formuláře:
<form #filterFormRef="ngForm"> <!-- Zde budou inputy --> </form>
Všimněme si atributu #filterFormRef=ngForm
. Tento kus kódu
nám odkazuje na formulář, který budeme později využívat při
validacích.
Elementy select
Do formuláře si nyní doplníme elementy <select>
,
které budou vypadat takto:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V této lekci Angular tutoriálu si vytvoříme filtrovací komponentu. Ukážeme si v ní, jak lépe pracovat s formuláři.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.