Ausdrücke in AngularJS

Wenn wir an Vorlagen arbeiten, müssen wir sie oft intelligenter machen. Dies bedeutet, dass wir einen Schritt über die einfache Datenanzeige hinausgehen, aber dies sollte nicht bedeuten, dass wir die gesamte Arbeit in der einzigen Exit-Schnittstelle für den Benutzer erledigen .
AngularJS bietet uns was heißt Ausdrücke, das sind logische und arithmetische Vergleichsoperatoren, mit denen wir die Vorlage mit Intelligenz versehen und so auf fortschrittlichere Weise mit dem Controller interagieren können.
AusdrückeAusdrücke ermöglichen es uns, Vorlagen zu erstellen, die intelligenter sein können. Damit können wir sowohl Schnittstellen- als auch Verhaltensänderungen in Abhängigkeit von den Daten ausdrücken, die uns der Verantwortliche anbietet.
Durch die Verwendung von Ausdrücken können wir ein dynamisches Verhalten unserer Vorlagen erreichen, was dazu beitragen kann, die Benutzererfahrung zu verbessern und sie so auf den Weg der guten Nutzung unserer Anwendung zu führen.
Dazu können wir eine Reihe von Geräten verwenden, die zwar nicht so breit und tief sind wie JavascriptSie bieten viel Spielraum. Es ist wichtig, nicht in Versuchung zu geraten, Ausdrücke zum Aufbau von Logik in unseren Vorlagen zu verwenden, da wir deren Funktion verzerren und unsere Anwendungen unnötig komplex machen würden.
Die Ausdrücke, die wir verwenden können, sind:
ArithmetikWie Addition (+), Subtraktion (-), Multiplikation (*), Division (/) usw.
VergleichB. größer (>) oder kleiner (<) als, gleich (==) oder verschieden (! =) und deren Kombinationen.
LogikWie verschieden (!), Und (&&) oder (||).
AnrufeRufen Sie die Methoden und Funktionen unseres Controllers mit dem $-Bereich ({}) auf.
Sehen wir uns unten ein kleines Beispiel an, das uns helfen kann, die Verwendung von Ausdrücken in unseren Vorlagen in einer Anwendung zu verstehen, die mit erstellt wurde AngularJS.

Wenn wir uns das Beispiel ansehen, haben wir einige Ausdrücke eingebaut, zum Beispiel können wir auf die Methode zugreifen neu berechnen() und sein Ergebnis oder seine Rückgabe durch 10 teilen, dann können wir die Klassen in eine Liste von Elementen platzieren CSS indem Sie den Rest des $-Index validieren, indem Sie ihn durch 4 dividieren ($-Index% 4) und dann vergleichen, ob er größer oder gleich dem Ergebnis einer Methode namens limit ist.
Wie wir sehen, ist es überhaupt nicht schwer und es ist sehr nützlich, diese Werkzeuge zu haben. Wenn wir das Beispiel genauer betrachten, werden wir auch feststellen, dass unser erster Ausdruck, obwohl technisch gültig, seine Existenz die Geschäftslogik auf die Schablone.
Der Ausdruck {{neu berechnen () / 10}} Es sollte nicht verwendet werden, wenn wir den Wert des Ergebnisses der recalculate()-Methode dividiert durch 10 benötigen, müssen wir ihn im Controller und nicht im Template erhalten in der Lage, die von MVC vorgeschlagene Trennung der Bereiche einzuhalten.
Damit beenden wir das Tutorial, wie wir sehen AngularJS Es gibt uns die Werkzeuge, mit denen wir hochwertige Anwendungen erstellen und alle uns zur Verfügung stehenden Ressourcen nutzen können, um bessere Anwendungen zu erstellen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben