Lekce 12 - Jednoduchý redakční systém v AngularJS - Formuláře

JavaScript Angular Jednoduchý redakční systém v AngularJS - Formuláře

V minulé lekci, Jednoduchý redakční systém v AngularJS - API uživatelů, jsme již do našeho redakčního systému v AngularJS přidali služby modelu uživatelů a doplnili si k nim i příslušné API. Dnes budeme v tutoriálu pokračovat a zaměříme se na tvorbu přihlašovacího a registračního formuláře, přičemž si i ukážeme tvorbu vlastní direktivy.

Direktiva

Pojďme rovnou začít onou direktivou, kterou následně využijeme v registračním formuláři. Nejdříve, co je to vlastně direktiva?

Již jste si určitě všimli všemožných příkazů a rozšíření HTML šablon v rámci AngularJS. Skoro vše z toho jsou v podstatě nějaké standardní direktivy, tzn. něco, co nám umožní vytvářet nové vlastní HTML elementy, jejich atributy, či rovnou obojí s vlastní syntaxí a hlavně funkčností. Direktivy také tvoří základ pro tvorbu znovupoužitelných komponent v rámci AngularJS.

app/directives/pas­sword-match.directive.js

Naše ukázková direktiva bude tvořit atribut, který zajistí dynamické porovnání hodnot dvou HTML inputů pro heslo. Tudíž v registračním formuláři bude kontrolovat shodu hesla a jeho zopakování. AngularJS toho ve formulářích umí spoustu, ale tato drobnost zde zrovna bohužel chybí. Nic nám ale nebrání, abych si ji sami doplnili:


 

...konec náhledu článku...

Prémiový článek

Prémiový článek

Na itnetwork.cz se nachází největší a nejucelenější česká databáze s výukovými články, jejímž cílem je umožnit kvalitní vzdělání v oblasti IT úplně každému. Měsíčně zobrazíme k milionu článků a sklidíme desítky děkovných emailů, kde nám sdělujete, že jsme vám pomohli k lepšímu zaměstnání nebo vzdělání.

Ačkoli se snažíme držet většinu obsahu úplně zadarmo, udržovat síť v provozu a aktuální stojí obrovské úsilí. Proto je nějaký obsah, jako cvičení nebo odbornější články, přístupný pouze za body. Nebojte, nestojí to skoro nic :)

Popis článku

Požadovaný článek má následující obsah:

V AngularJS tutoriálu přidáme formuláře pro přihlašování i registraci uživatelů a dojde i na vlastní direktivu.
Koupit jen článek 16 bodů
Na svém účtu máš aktuálně 0 bodů
16 bodů získáš za přidání svého článku na síť nebo za 40 Kč

Před koupí tohoto článku je třeba koupit předchozí díl

Koupí článku k němu získáš neomezený přístup a to napořád. Posuneš své znalosti zas kousek dopředu a zároveň nám pomůžeš udržovat celý projekt při životě a pomáhat vám tak k lepší budoucnosti.

Obsah článku spadá pod licenci Premium II, koupí článku souhlasíš se smluvními podmínkami.

Body 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íť.

Dobít body můžeš okamžitě např.:

Kartou SMS Převodem
Kartou SMS Převodem

 

Článek pro vás napsal Jindřich Máca
Avatar
Autor se věnuje převážně webovým technologiím, ale má velkou zálibu ve všem vědeckém, nejen ze světa IT. :-)
Aktivity (3)