Uttrykk i AngularJS

Innholdsfortegnelse
Når vi jobber med maler, må vi mange ganger gjøre dem smartere, dette betyr å gå et skritt utover den enkle datavisningen, men dette bør ikke bety at vi gjør alt arbeidet i det som skal være det eneste utgangsgrensesnittet for brukeren.
AngularJS tilbyr oss det som kalles uttrykkene, som er sammenligningsoperatorer, logiske og aritmetiske, som vi kan gi intelligens til malen og dermed samhandle på en mer avansert måte med kontrolleren.
UttrykkeneUttrykk lar oss lage maler som kan være mer intelligente, med dette kan vi uttrykke både grensesnitt og atferdsendringer avhengig av dataene som kontrolleren tilbyr oss.
Ved å bruke uttrykk kan vi oppnå dynamisk oppførsel av malene våre, noe som kan bidra til å forbedre brukeropplevelsen og dermed veilede dem på veien til god bruk av applikasjonen vår.
For å gjennomføre dette kan vi bruke en rekke gadgets, som til tross for at de ikke er så brede og dype som JavascriptDe gir mye handlingsrom. Det er viktig å ikke bli fristet til å bruke uttrykk for å bygge logikk i malene våre, siden vi ville forvride funksjonen i tillegg til å legge til unødvendig kompleksitet i applikasjonene våre.
Uttrykkene vi kan bruke er:
AritmetikkSlik som addisjon (+), subtraksjon (-), multiplikasjon (*), divisjon (/), etc.
SammenligningSlik som større (>) eller mindre (<) enn, lik (==) eller forskjellig (! =) Til, og deres kombinasjoner.
LogikkSom forskjellige (!), Og (&&) eller (||).
SamtalerRing til vår kontrollørs metoder og funksjoner med $ scope ({}).
La oss se et lite eksempel nedenfor som kan hjelpe oss å forstå bruken av uttrykk i malene våre i et program laget med AngularJS.

Hvis vi ser på eksemplet, har vi inkorporert noen uttrykk, for eksempel kan vi få tilgang til metoden beregne på nytt () og resultatet eller returen deles med 10, så kan vi plassere klassene i en liste over elementer CSS ved å validere resten av $ -indeksen ved å dele den med 4 ($ index% 4) og deretter sammenligne om den er større enn eller lik resultatet av en metode som kalles limit.
Som vi kan se, er det ikke vanskelig i det hele tatt, og det er veldig nyttig å ha disse verktøyene. Hvis vi inspiserer eksemplet på en bedre måte, vil vi også legge merke til at vårt første uttrykk til tross for at det er teknisk gyldig, dets eksistens overfører forretningslogikk til mal.
Uttrykket {{rekalkuler () / 10}} Den skal ikke brukes, hvis vi trenger verdien dividert med 10 av resultatet av omkalkuleringsmetoden (), må vi skaffe den i kontrolleren og ikke i malen, så vi bør lage en ny metode som inkorporerer den og dermed være i stand til å overholde separasjonen av områdene foreslått av MVC.
Med dette fullfører vi opplæringen, som vi ser AngularJS Det gir oss verktøyene slik at vi kan bygge kvalitetsapplikasjoner, dra nytte av alle ressursene vi kan tenke oss for å lage bedre applikasjoner.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
wave wave wave wave wave