Das JS $ scope-Funktionen sind einige der Hauptfunktionen. In diesem Artikel wird die Angular JS-Überwachungsfunktion in der folgenden Reihenfolge erläutert:
Was ist die eckige JS-Überwachungsfunktion?
Die eckige JS $ watch-Funktion wird zum Überwachen des Bereichsobjekts verwendet. Die $ watch behält die Variable im Auge und wenn sich der Wert der Variablen ändert, ändert sich der Winkel JS $, was eine Funktion ausführt. Diese Funktion akzeptiert zwei Argumente, eines ist der neue Wert und ein anderer Parameter ist der alte Wert.
Wie verwende ich die eckige JS-Überwachungsfunktion?
Nehmen wir ein einfaches Beispiel dafür, was die Uhrfunktion in eckigem JS genau tut. In unserem eckigen JS-Programm haben wir zwei Dateien erstellt. Dort ist index.js für das Frontend und die app.js für das Backend verantwortlich. Hier machen wir ein einfaches Programm mit einem Formular und dieses Formular hat ein Eingabefeld. Wenn wir den Namen in das Eingabefeld eingeben, zeigt uns die Ausgabemeldung den alten und den neuen Wert.
Was ist Anakonda für Python?
HTML Quelltext
Unsere index.html-Seite enthält eine eckige App mit dem Namen ngWatchApp und einen Controller mit dem NamenwatchController
. Dann erstellen wir ein Formular mit einem Eingabefeldnamen und dem Wert des Eingabefelds, das wir im h1-Tag drucken, und die Nachricht wird gedruckt
Etikett.
Beispiel für eine Winkeluhr Geben Sie Ihren Namen ein{{Botschaft}}
JavaScript-Code
In der app.js haben wir eine App mit dem Namen ngWatchApp und einen Controller mit dem Namen erstelltwatchController
. Als nächstes definieren wir die beiden Variablen im Gültigkeitsbereich mit dem Namen, dem Namen und der Nachricht und übergeben in der Überwachungsfunktion zwei Parameter. Einer ist der Name des Feldes, das bei einer Änderung betroffen ist, und der andere ist die Funktion, die ebenfalls zwei Parameter hat. neuer Wert und alter Wert. Schließlich fügen wir zwei Werte in die Nachrichtenvariable ein und dass die Nachrichtenvariable auf der angezeigt wirdindex.html
Seite.
var app = angle.module ('ngWatchApp', []) app.controller ('watchController', Funktion ($ scope) {// Bereichsvariable hinzufügen $ scope.name = '' $ scope.message = '' // hinzufügen watch mit dem Namensfeld $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `neuer Wert ist $ {newValue} und alter Wert ist $ {oldValue}`} )})
Wann immer wir eine Funktion beobachten, wird diese Funktion laut Digest mehrmals aufgerufen. Bei jeder Ausführung des Codes übergibt AngularJS die aktuelle $ scope-Referenz als erstes Argument. Dies bedeutet nicht nur, dass wir den richtigen Bereich innerhalb des Funktionskörpers referenzieren können, sondern auch, dass wir jede Funktion beobachten können, die eine $ scope-Referenz erwartet.
wie man Deadlock in Java vermeidet
Auf diese Weise können wir die eckige Funktion js watch () in Anwendungen verwenden, um Änderungen von $ scope-Variablen zu überwachen. Es gibt einige andere Dinge, die mit $ watch funktionieren. Dies sind $ digest () -Funktionen, die alle Uhren im $ scope-Objekt durchlaufen, wenn$ Digest ()
iteriert über die Uhren, ruft es die Wertfunktion für jede Uhr auf. Das$ scope. $ apply ()
Funktion nimmt eine Funktion als Parameter, der ausgeführt wird, und danach$ scope. $ Digest ()
wird intern aufgerufen.
Damit sind wir am Ende dieses Artikels über Angular JS watch Function angelangt. Wenn Sie mehr über Angular Framework erfahren möchten, lesen Sie unsere Dies beinhaltet ein von Lehrern geführtes Live-Training und praktische Projekterfahrung. Dieses Training wird Ihnen helfen, Angular gründlich zu verstehen und das Thema zu beherrschen.
Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'Angular JS Watch Function' und wir werden uns bei Ihnen melden.