Hallo, lassen Sie uns etwas über eine interessante Richtlinie in lernen , d.h. die ng-change-Direktive, der Name selbst verrät teilweise die Arbeit, die er ausführt. Programmierer werden normalerweise zwischen On-Change- und Ng-Change-Ereignissen verwechselt. Lassen Sie uns heute in diesem Blog alles klären. Die Themen, die wir heute aufgreifen werden, sind:
- Was ist eine Richtlinie?
- Was ist ng-change?
- Wichtige Punkte bei der Verwendung der ng-change-Direktive
- Syntax
- Beispiel
Bevor wir mit dem Blog fortfahren, werden wir uns zunächst kurz mit den Richtlinien in AngularJS befassen.
Was ist eine Richtlinie?
AngularJS-Direktiven sind einfach erweiterte HTML-Attribute mit dem Präfix „ng-“. AngularJS bietet eine Reihe von integrierten Anweisungen, die Folgendes bieten verschiedene Funktionen zu unseren Anwendungen.
Mit AngularJS können wir auch unsere eigenen Anweisungen definieren.
Was ist ng-change?
Veränderung ist a Dies ist für die Ausführung von Operationen gedacht, wenn ein Komponentenwert oder ein Ereignis geändert wird. Mit anderen Worten,ng-changeDie Direktive teilt AngularJS mit, was zu tun ist, wenn sich der Wert eines HTML-Elements ändert.
Was ist binäre Suche in Java
Einng-ModellDie Direktive wird von der ng-change-Direktive verlangt.
Finden Sie den höchsten Wert in Array Java
Wichtige Punkte bei der Verwendung der ng-change-Direktive:
- Was passiert mit dem onChange-Ereignis? Dasng-changeDie Direktive von AngularJS überschreibt nicht das ursprüngliche onchange-Ereignis des Elements, sowohl dasng-changeAusdruck und die ursprünglichen Änderungsereignisse werden ausgeführt.
- Dasng-changeEreignis wird bei jeder Änderung des Wertes ausgelöst. Es wird nicht darauf gewartet, dass alle Änderungen vorgenommen werden oder dass das Eingabefeld den Fokus verliert.
- Dasng-changeDas Ereignis wird nur ausgelöst, wenn sich der Eingabewert tatsächlich ändert und nicht, wenn die Änderung über ein JavaScript vorgenommen wurde.
- Diese ng-change-Direktive wird von den HTML-Tags wie, und unterstützt.
- Der ngChange-Ausdruck wird nur ausgewertet, wenn durch eine Änderung des Eingabewerts ein neuer Wert für das Modell festgeschrieben wird.
Es wird nicht bewertet:
- Wenn sich der von der $ parsers-Transformationspipeline zurückgegebene Wert nicht geändert hat
- Wenn die Eingabe weiterhin ungültig war, bleibt das Modell null
- wenn das Modell nicht durch einen Eingabewert, sondern programmgesteuert geändert wird.
Hinweis erfordert diese RichtliniengModelpräsent sein.
Syntax:
< Element ng-change='Ausdruck' > Element >
Ausdruck: Gibt einen Ausdruck an, der ausgeführt wird, wenn sich der Wert eines Elements ändert.
Beispiel:
Bitte geben Sie das Eingabefeld ein:
Casting eines Double zu einem Int JavaDas Eingabefeld hat sich {{count}} mal geändert.
angle.module ('App1', []) .controller ('cng1l', ['$ scope', Funktion ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])
Ausgabe (nach 3 Änderungen)
Bitte geben Sie das Eingabefeld ein:
Das Eingabefeld hat sich dreimal geändert.
Ich hoffe, dass Sie inzwischen ein klares Verständnis für die ng-change-Richtlinie haben. Versuchen Sie, sie in Ihren Programmen zu verwenden, und sehen Sie, wie viel Sie gelernt haben. Danke fürs Lesen.Ich würde Ihnen empfehlen, dies durchzugehen Angular Tutorial Edureka Video-Wiedergabeliste um Videos anzusehen und zu lernen, wie man mit den Angular-Anwendungen arbeitet.
Nachdem Sie die Winkelrichtlinie kennen, lesen Sie die von Edureka, einem vertrauenswürdigen Online-Lernunternehmen mit einem Netzwerk von mehr als 250.000 zufriedenen Lernenden auf der ganzen Welt. Angular ist ein JavaScript-Framework, mit dem skalierbare, unternehmens- und leistungsbasierte clientseitige Webanwendungen erstellt werden. Da die Akzeptanz des Angular-Frameworks hoch ist, wird das Leistungsmanagement der Anwendung von der Community gesteuert, was indirekt zu besseren Beschäftigungsmöglichkeiten führt. Das Angular Certification Training zielt darauf ab, all diese neuen Konzepte rund um die Entwicklung von Unternehmensanwendungen abzudecken.