Izrazi u AngularJS -u

Prilikom rada na predlošcima, mnogo puta ih moramo učiniti pametnijima, to znači otići korak dalje od jednostavnog prikaza podataka, ali to ne bi trebalo značiti da radimo sav posao na onome što bi za korisnika trebalo biti jedino izlazno sučelje.
AngularJS nudi nam ono što se zove izraze, koji su operatori usporedbe, logički i aritmetički, pomoću kojih možemo pružiti inteligenciju predlošku i tako na napredniji način stupiti u interakciju s kontrolerom.
IzraziIzrazi nam omogućuju stvaranje predložaka koji mogu biti inteligentniji, s tim možemo izraziti i sučelje i promjene ponašanja ovisno o podacima koje nam upravljač nudi.
Korištenjem izraza možemo postići dinamičko ponašanje naših predložaka, nešto što može pomoći u poboljšanju korisničkog iskustva i na taj način ih uputiti na put dobrog korištenja naše aplikacije.
Da bismo to izveli, možemo koristiti niz naprava, koje unatoč tome što nisu tako široke i duboke JavascriptDaju veliki prostor za manevriranje. Važno je ne doći u iskušenje koristiti izraze za izgradnju logike u našim predlošcima jer bismo iskrivili njihovu funkciju i dodali nepotrebnu složenost našim aplikacijama.
Izrazi koje možemo koristiti su:
AritmetikaKao što su zbrajanje (+), oduzimanje (-), množenje (*), dijeljenje (/) itd.
UsporedbaKao što je veće (>) ili manje (<) od, jednako (==) ili različito (! =) To i njihove kombinacije.
LogikaPoput različitih (!), I (&&) ili (||).
PoziviPozovite metode i funkcije našeg kontrolera s $ scope ({}).
Pogledajmo u nastavku mali primjer koji nam može pomoći razumjeti uporabu izraza u našim predlošcima u aplikaciji napravljenoj s AngularJS.

Ako pogledamo primjer, ugradili smo neke izraze, na primjer možemo pristupiti metodi preračunati () i njegov rezultat ili povrat podijelimo s 10, tada na popis elemenata možemo postaviti klase CSS potvrđivanjem ostatka $ indeksa dijeljenjem s 4 ($ index% 4), a zatim usporedbom je li veći ili jednak rezultatu metode koja se naziva limit.
Kao što vidimo, to uopće nije teško i vrlo je korisno imati te alate, ako bolje pregledamo primjer primijetit ćemo i da naš prvi izraz, iako je tehnički valjan, njegovo postojanje prenosi poslovnu logiku na predložak.
Izraz {{preračunaj () / 10}} Ne treba se koristiti, ako nam je potrebna vrijednost podijeljena s 10 rezultata metode ponovno izračunavanje (), moramo je dobiti u kontroleru, a ne u predlošku, pa bismo trebali napraviti novu metodu koja će je ugraditi i tako biti u skladu s odvajanjem područja koje je predložio MVC.
Ovim završavamo tutorial, kao što vidimo AngularJS Daje nam alate kako bismo mogli graditi kvalitetne aplikacije, iskorištavajući sve resurse kojih se možemo sjetiti za izradu boljih aplikacija.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod