Cuprins
Putem extinde funcționarea HTML prin schimbarea comportamentului și transformări de copaci SOARE, cu aceasta putem modifica elemente, adăuga noi stiluri și alte acțiuni care ne permit să dezvoltăm o interfață de utilizator mai dinamică, pentru aceasta trebuie să folosim directivelor.Pentru aceasta putem folosi directivelor proprii de AngularJSCu toate acestea, dacă avem nevoie de ceva ce nu putem realiza în mod nativ, ne putem scrie propriile directive, cu aceasta vom putea asculta și răspunde la evenimentele browserului sau pur și simplu vom face lucruri pe care nu le face. AngularJS Mod implicit.
Când dezvoltați o aplicație cu AngularJS vor exista unele ocazii în care vom întâlni situații în care directivele native nu respectă ideea noastră despre ceea ce ar trebui să facă codul nostru, în momente ca acestea putem apela la construim propriile noastre directive.
Pentru a defini o nouă directivă putem urma următoarea formulă:
var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive („DirectiveName”, DirectiveMethod); După cum putem vedea, trebuie doar să definim modulul în care urmează să aplicăm directiva noastră și apoi trebuie să indicăm numele acesteia și metoda pe care trebuie să o execute.
HTML 5 are o funcționalitate foarte interesantă, care este focalizare automată, acest lucru ne permite să focalizăm un element de intrare într-un formular, ajutând astfel la definirea căii pentru un utilizator, totuși ce se întâmplă dacă nu avem HTML 5 și nu vrem să ne concentrăm pe o intrare, pentru că acolo intră în joc AngularJS și directivele, cu o directivă putem rezolva această situație într-un mod simplu.
Ce ar trebui sa facem?Mai întâi trebuie să construim o directivă personalizată folosind formularul pe care l-am indicat anterior, cu aceasta stabilim comportamentul dorit, în acest caz focalizare automată. Atunci datorită obiectului $ scop Putem aplica această directivă oricărui element, în cazul acestui exemplu o vom aplica la un link, cu aceasta putem experimenta puterea AngularJS.
Să vedem rezultatul a ceea ce vrem să obținem:
Fără focalizare Cu focalizare{{mesaj text}}După cum putem vedea, stabilim o directivă personalizată la început, ceea ce duce la plasarea fișierului focalizare automată în elementul care are această directivă, atunci construim un controler care ne va ajuta să detectăm modificările la imprimarea unor mesaje.
Cu aceasta terminăm acest tutorial, așa cum vedem manipularea fișierului SOARE este fezabil cu AngularJS și datorită directivelor putem obține efecte foarte interesante.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
