Uttryck i AngularJS

När vi arbetar med mallar, många gånger måste vi göra dem smartare, det innebär att vi går ett steg bortom den enkla datavisningen, men det borde inte betyda att vi gör allt arbete i det som ska vara det enda exit -gränssnittet för användaren.
AngularJS erbjuder oss vad som kallas uttryck, som är logiska och aritmetiska jämförelseoperatorer, med vilka vi kan ge mallen intelligens och på så sätt interagera på ett mer avancerat sätt med kontrollen.
UttryckUttryck gör att vi kan skapa mallar som kan vara mer intelligenta, med detta kan vi uttrycka både gränssnitts- och beteendeförändringar beroende på den data som den registeransvarige erbjuder oss.
Genom att använda uttryck kan vi uppnå dynamiska beteenden hos våra mallar, något som kan hjälpa till att förbättra användarupplevelsen och därmed vägleda dem på vägen till en bra användning av vår applikation.
För att utföra detta kan vi använda ett antal prylar, som trots att de inte är lika breda och djupa som JavascriptDe ger stort handlingsutrymme. Det är viktigt att inte frestas att använda uttryck för att bygga logik i våra mallar, eftersom vi skulle förvränga deras funktion och lägga till onödig komplexitet i våra applikationer.
Uttrycken som vi kan använda är:
AritmetiskSåsom addition (+), subtraktion (-), multiplikation (*), division (/), etc.
JämförelseSåsom större (>) eller mindre (<) än, lika med (==) eller olika (! =) Till, och deras kombinationer.
LogikSom olika (!), Och (&&) eller (||).
SamtalRing vår controller: s metoder och funktioner med $ scope ({}).
Låt oss se nedan ett litet exempel som kan hjälpa oss att förstå användningen av uttryck i våra mallar i en applikation gjord med AngularJS.

Om vi ​​tittar på exemplet har vi införlivat några uttryck, till exempel kan vi komma åt metoden räkna om () och dess resultat eller retur dividera det med 10, sedan kan vi placera klasserna i en lista med element CSS genom att validera resten av $ -indexet genom att dela det med 4 ($ index% 4) och sedan jämföra om det är större än eller lika med resultatet av en metod som kallas limit.
Som vi kan se är det inte svårt alls och det är mycket användbart att ha dessa verktyg, om vi inspekterar exemplet på ett bättre sätt kommer vi också att märka att vårt första uttryck trots att det är tekniskt giltigt, dess existens överför affärslogik till mall.
Uttrycket {{omberäkna () / 10}} Den ska inte användas, om vi behöver värdet dividerat med 10 av resultatet av omberäkna () -metoden måste vi få det i styrenheten och inte i mallen, så vi bör göra en ny metod som införlivar det och därmed vara kunna följa separationen av de områden som MVC föreslår.
Med detta avslutar vi handledningen, som vi ser AngularJS Det ger oss verktygen så att vi kan bygga kvalitetsapplikationer och utnyttja alla resurser vi kan tänka oss för att göra bättre applikationer.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng