Directive Angularjs Ng-Change
Instance angularjs
Exécutez la fonction lorsque la valeur de la zone d'entrée change:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </dcript> </ head> <body ng-app = "myApp"> <v ng-cons <p> Entrez certaines informations dans la zone d'entrée: </p> <entrée type = "Text" ng-change = "myfunc ()" ng-model = "myvalue" /> <p> La boîte d'entrée a été modifiée {{count}} fois. </p> </div> <cript> angular.module ('myApp', []) .Controller ('myctrl', ['$ scope', fonction ($ scope) {$ scope.count = 0; $ scope.myfunc = function () {$ scope.count ++;}Résultats en cours:
Entrez certaines informations dans la zone d'entrée:
La boîte d'entrée a été modifiée 0 fois.
Définition et utilisation
La directive Ng-Change est utilisée pour dire à AngularJS quoi faire lorsque les valeurs des éléments HTML changent.
L'instruction NG-Change doit être utilisée avec l'instruction NG-Model.
La directive de directive AngularJS NG-Change n'écrase pas l'événement d'echange natif. Si cet événement est déclenché, l'expression de changement NG et l'événement Onchange natif seront exécutés.
L'événement Ng-Change est tiré chaque fois que la valeur change, et il n'a pas besoin d'attendre un processus de modification terminé ou d'attendre une action qui perd la focalisation.
L'événement Ng-Change est uniquement pour la modification réelle de la valeur de la zone d'entrée, et non via JavaScript.
grammaire
<élément ng-change = "expression"> </element>
Les éléments <prening>, <lectR> et <TextArea> sont pris en charge.
Valeur du paramètre
| valeur | décrire |
|---|---|
| Expression | Exécuter des expressions lorsque les valeurs des éléments changent. |
Ce qui précède est un résumé de la connaissance des directives angularjs ng-change, et sera complétée plus tard.