Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

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.componen­t.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

Znalosti v hodnotě stovek tisíc získáš za pár korun

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.

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íš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • 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.
Článek pro vás napsal Samuel Kodytek
Avatar
Autor se věnuje všem jazykům okolo JVM. Rád pomáhá lidem, kteří se zajímají o programování. Věří, že všichni mají šanci se naučit programovat, jen je potřeba prorazit tu bariéru, který se říká lenost.
Aktivity