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 12 - Jednoduchý redakční systém v AngularJS - Formuláře

V minulé lekci, Jednoduchý redakční systém v AngularJS - API uživatelů, jsme 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 se zaměříme 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...
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 II, 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 AngularJS tutoriálu přidáme formuláře pro přihlašování i registraci uživatelů a dojde i na vlastní direktivu.
Č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