Sadržaj
Možemo produžiti rad HTML kroz promjenu ponašanja i transformacije stabla SUNCE, s ovim možemo mijenjati elemente, dodavati nove stilove i druge radnje koje nam omogućuju razvoj dinamičnijeg korisničkog sučelja, za to moramo koristiti direktivama.Za to možemo koristiti direktivama vlastiti od AngularJSMeđutim, ako nam je potrebno nešto što ne možemo postići domaćim, možemo napisati vlastite direktive, s tim ćemo moći slušati i odgovarati na događaje preglednika ili jednostavno raditi stvari koje ne rade. AngularJS zadano.
Prilikom razvoja aplikacije s AngularJS bit će nekih prilika u kojima ćemo naići na situacije u kojima izvorne direktive nisu u skladu s našom predodžbom o tome što bi naš kôd trebao učiniti, u ovakvim se trenucima možemo žaliti izgraditi vlastite direktive.
Za definiranje nove direktive možemo slijediti sljedeću formulu:
var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('DirectorName', DirectiveMethod); Kao što vidimo, moramo samo definirati modul u kojem ćemo primijeniti našu direktivu, a zatim moramo navesti njezin naziv i metodu koju mora izvršiti.
HTML 5 ima vrlo zanimljivu funkcionalnost auto fokus, to nam omogućuje da usredotočimo ulazni element u obrazac, čime pomažemo definirati put za korisnika, međutim što se događa ako nemamo HTML 5 i ne želimo se usredotočiti na ulaz, jer tu dolazi do izražaja AngularJS i direktivama, s direktivom možemo riješiti ovu situaciju na jednostavan način.
Što bismo trebali učiniti?Prvo moramo izgraditi prilagođenu direktivu koristeći obrazac koji smo prethodno naveli, čime uspostavljamo željeno ponašanje, u ovom slučaju auto fokus. Zatim zahvaljujući objektu $ opseg Ovu direktivu možemo primijeniti na bilo koji element, u slučaju ovog primjera primijenit ćemo je na vezu, s tim možemo iskusiti moć AngularJS.
Pogledajmo rezultat onoga što želimo postići:
Bez fokusa S fokusom{{message.text}}Kao što vidimo, na početku uspostavljamo prilagođenu direktivu, što dovodi do postavljanja auto fokus u elementu koji ima ovu direktivu, tada gradimo kontroler koji će nam pomoći u otkrivanju promjena prilikom ispisa nekih poruka.
Ovim završavamo ovaj vodič, jer vidimo manipulaciju SUNCE izvedivo je s AngularJS a zahvaljujući direktivama možemo postići vrlo zanimljive učinke.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
