AngularJS NG-Change-Richtlinie
AngularJS -Instanz
Führen Sie die Funktion aus, wenn sich der Wert des Eingangsfelds ändert:
<! DocType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app-app = "myapp" <p> Geben Sie einige Informationen in das Eingabefeld ein: < /p> <Eingabe type = "text" ng-change = "myfunc ()" ng-model = "myValue" /> <p> Das Eingabefeld wurde {{{count}} times geändert. </p> </div> <script> angular.module ('myApp', []) .controller ('myctrl', ['$ scope', function ($ scope) {$ scope.count = 0;Auslaufergebnisse:
Geben Sie einige Informationen in das Eingabefeld ein:
Das Eingangsfeld wurde 0 -mal geändert.
Definition und Verwendung
Die NG-Change-Direktive wird verwendet, um AngularJs zu unterscheiden, was zu tun ist, wenn sich HTML-Elementwerte ändern.
Der NG-Change-Befehl muss mit dem NG-Modellanweis verwendet werden.
AngularJS NG-Change-Richtlinie überschreibt das native Onchange-Event nicht. Wenn dieses Ereignis ausgelöst wird, wird der NG-Change-Ausdruck und das native Onchange-Ereignis ausgeführt.
Das NG-Change-Ereignis wird jedes Mal abgefeuert, wenn sich der Wert ändert, und es muss nicht auf einen abgeschlossenen Änderungsprozess warten oder auf eine Aktion warten, die den Fokus verliert.
Das NG-Change-Ereignis ist nur für die reale Änderung des Eingabefeldwerts und nicht für JavaScript.
Grammatik
<Element ng-change = "expression"> </element>
<eingabe>, <Select> und <textarea> werden unterstützt.
Parameterwert
| Wert | beschreiben |
|---|---|
| Ausdruck | Ausdrücke ausführen, wenn sich Elementwerte ändern. |
Das obige ist eine Zusammenfassung der Kenntnis der Angularjs NG-Change-Richtlinien und wird später ergänzt.