Expressies in AngularJS

Wanneer we aan sjablonen werken, moeten we ze vaak slimmer maken, dit betekent een stap verder gaan dan de eenvoudige gegevensweergave, maar dit zou niet moeten betekenen dat we al het werk doen in wat de enige exit-interface voor de gebruiker zou moeten zijn.
AngularJS biedt ons wat wordt genoemd uitdrukkingen, die vergelijkingsoperatoren zijn, logisch en rekenkundig, waarmee we intelligentie aan de sjabloon kunnen leveren en dus op een meer geavanceerde manier kunnen communiceren met de controller.
UitdrukkingenExpressies stellen ons in staat om sjablonen te maken die intelligenter kunnen zijn, hiermee kunnen we zowel interface- als gedragsveranderingen uitdrukken, afhankelijk van de gegevens die de controller ons biedt.
Door expressies te gebruiken, kunnen we dynamisch gedrag van onze sjablonen bereiken, iets dat kan helpen de gebruikerservaring te verbeteren en hen zo te begeleiden op het pad van goed gebruik van onze applicatie.
Om dit uit te voeren, kunnen we een aantal gadgets gebruiken, die ondanks dat ze niet zo breed en diep zijn als JavascriptZe geven veel manoeuvreerruimte. Het is belangrijk om niet in de verleiding te komen om uitdrukkingen te gebruiken om logica in onze sjablonen te bouwen, omdat we hun functie zouden vervormen en onze applicaties onnodig ingewikkeld zouden maken.
De uitdrukkingen die we kunnen gebruiken zijn:
RekenkundigZoals optellen (+), aftrekken (-), vermenigvuldigen (*), delen (/), etc.
VergelijkingZoals groter (>) of kleiner (<) dan, gelijk (==) of verschillend (! =) Aan, en hun combinaties.
LogicaZoals verschillende (!), En (&&), of (||).
OproepenRoep de methoden en functies van onze controller aan met $ scope ({}).
Laten we hieronder een klein voorbeeld bekijken dat ons kan helpen het gebruik van uitdrukkingen in onze sjablonen te begrijpen in een toepassing die is gemaakt met AngularJS.

Als we naar het voorbeeld kijken, hebben we enkele uitdrukkingen opgenomen, we hebben bijvoorbeeld toegang tot de methode herberekenen() en het resultaat of het resultaat, deel het door 10, dan kunnen we de klassen in een lijst met elementen plaatsen CSS door de rest van de $ index te valideren door deze te delen door 4 ($ index% 4) en vervolgens te vergelijken of deze groter is dan of gelijk is aan het resultaat van een methode die limiet wordt genoemd.
Zoals we kunnen zien, is het helemaal niet moeilijk en het is erg handig om deze tools te hebben. Als we het voorbeeld op een betere manier bekijken, zullen we ook opmerken dat onze eerste uitdrukking, ondanks dat deze technisch geldig is, de bedrijfslogica overbrengt naar de sjabloon.
De uitdrukking {{herbereken () / 10}} Het mag niet worden gebruikt, als we de waarde gedeeld door 10 van het resultaat van de methode herberekenen () nodig hebben, moeten we deze verkrijgen in de controller en niet in de sjabloon, dus we moeten een nieuwe methode maken die deze bevat en dus worden kunnen voldoen aan de door MVC voorgestelde scheiding van de gebieden.
Hiermee maken we de tutorial af, zoals we zien AngularJS Het geeft ons de tools waarmee we hoogwaardige applicaties kunnen bouwen, waarbij we profiteren van alle bronnen die we kunnen bedenken om betere applicaties te maken.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven