Cuprins
Când lucrăm la șabloane, de multe ori trebuie să le facem mai inteligente, aceasta înseamnă să depășim simpla afișare a datelor, dar acest lucru nu ar trebui să însemne că facem toată munca în ceea ce ar trebui să fie singura interfață de ieșire pentru utilizator.AngularJS ne oferă ceea ce se numește expresii, care sunt operatori de comparație, logici și aritmetici, cu care putem furniza informații șablonului și astfel interacționăm într-un mod mai avansat cu controlerul.
ExpresiiExpresiile ne permit să creăm șabloane care pot fi mai inteligente, cu aceasta putem exprima atât schimbări de interfață, cât și modificări de comportament în funcție de datele pe care operatorul ni le oferă.
Folosind expresii, putem realiza comportamente dinamice ale șabloanelor noastre, lucru care poate ajuta la îmbunătățirea experienței utilizatorului și, astfel, îi poate ghida pe calea utilizării bune a aplicației noastre.
Pentru a realiza acest lucru putem folosi o serie de gadgeturi, care, în ciuda faptului că nu sunt la fel de largi și de profunde ca JavascriptOferă mult spațiu de manevră. Este important să nu fim tentați să folosim expresii pentru a construi logică în șabloanele noastre, deoarece am distorsiona funcția acestora, precum și adăugând complexitate inutilă aplicațiilor noastre.
Expresiile pe care le putem folosi sunt:
AritmeticCum ar fi adunarea (+), scăderea (-), multiplicarea (*), divizarea (/) etc.
ComparaţieCum ar fi mai mare (>) sau mai puțin (<) decât, egal (==) sau diferit (! =) To și combinațiile lor.
LogicăCa diferit (!), Și (&&), sau (||).
ApeluriApelați metodele și funcțiile controlerului nostru cu $ scope ({}).
Să vedem mai jos un mic exemplu care ne poate ajuta să înțelegem utilizarea expresiilor din șabloanele noastre într-o aplicație realizată cu AngularJS.
După cum putem vedea, nu este deloc dificil și este foarte util să avem aceste instrumente, dacă examinăm exemplul într-un mod mai bun, vom observa că prima noastră expresie, în ciuda faptului că este valabilă din punct de vedere tehnic, existența sa transferă logica de afaceri către șablon.
Expresia {{recalculate () / 10}} Nu trebuie utilizat, dacă avem nevoie de valoarea împărțită la 10 din rezultatul metodei recalculate (), trebuie să o obținem în controler și nu în șablon, deci ar trebui să facem o nouă metodă care o încorporează și astfel să fie capabil să respecte separarea zonelor sugerate de MVC.
Cu aceasta terminăm tutorialul, după cum vedem AngularJS Ne oferă instrumentele, astfel încât să putem construi aplicații de calitate, profitând de toate resursele la care ne putem gândi pentru a face aplicații mai bune.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
