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/password-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
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.
Omezená nabídka: Nauč se vše a ušetři
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íš 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 AngularJS tutoriálu přidáme formuláře pro přihlašování i registraci uživatelů a dojde i na vlastní direktivu.
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íť.