Udtryk i AngularJS

Når vi arbejder med skabeloner, er vi mange gange nødt til at gøre dem smartere, det betyder at gå et skridt ud over den enkle datavisning, men det bør ikke betyde, at vi udfører alt arbejdet i det, der skal være den eneste exit -grænseflade for brugeren.
VinkelJS tilbyder os, hvad der hedder udtryk, som er sammenligningsoperatorer, logiske og aritmetiske, som vi kan levere intelligens til skabelonen og dermed interagere på en mere avanceret måde med controlleren.
UdtrykUdtryk giver os mulighed for at oprette skabeloner, der kan være mere intelligente, med dette kan vi udtrykke både grænseflade- og adfærdsændringer afhængigt af de data, som controlleren tilbyder os.
Ved at bruge udtryk kan vi opnå dynamisk adfærd i vores skabeloner, noget der kan hjælpe med at forbedre brugeroplevelsen og dermed guide dem på vejen til god brug af vores applikation.
For at udføre dette kan vi bruge en række gadgets, som trods ikke er så brede og dybe som JavascriptDe giver et stort spillerum. Det er vigtigt ikke at blive fristet til at bruge udtryk til at bygge logik i vores skabeloner, da vi ville forvride deres funktion samt tilføre unødvendig kompleksitet til vores applikationer.
De udtryk, vi kan bruge, er:
AritmetikSåsom addition (+), subtraktion (-), multiplikation (*), division (/) osv.
SammenligningSåsom større (>) eller mindre (<) end, lig med (==) eller anderledes (! =) Til, og deres kombinationer.
LogikSom forskellige (!), Og (&&) eller (||).
OpkaldRing til vores controllers metoder og funktioner med $ scope ({}).
Lad os se et lille eksempel nedenfor, der kan hjælpe os med at forstå brugen af ​​udtryk i vores skabeloner i en applikation, der er lavet med VinkelJS.

Hvis vi ser på eksemplet, har vi inkorporeret nogle udtryk, for eksempel kan vi få adgang til metoden genberegne () og dets resultat eller retur dividerer det med 10, så kan vi placere klasserne i en liste over elementer CSS ved at validere resten af ​​$ -indekset ved at dividere det med 4 ($ index% 4) og derefter sammenligne, om det er større end eller lig med resultatet af en metode kaldet limit.
Som vi kan se, er det slet ikke svært, og det er meget nyttigt at have disse værktøjer, hvis vi inspicerer eksemplet på en bedre måde, vil vi også bemærke, at vores første udtryk på trods af at det er teknisk gyldigt, dets eksistens overfører forretningslogik til skabelon.
Udtrykket {{genberegne () / 10}} Det bør ikke bruges, hvis vi har brug for værdien divideret med 10 af resultatet af genberegning () metoden, skal vi få det i controlleren og ikke i skabelonen, så vi bør lave en ny metode, der inkorporerer den og dermed være i stand til at overholde adskillelsen af ​​de områder, der foreslås af MVC.
Med dette afslutter vi selvstudiet, som vi ser VinkelJS Det giver os værktøjerne, så vi kan bygge kvalitetsapplikationer og drage fordel af alle de ressourcer, vi kan tænke på for at lave bedre applikationer.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt