Angularjs NG-Change Directive
AngularJs Extance
Выполните функцию, когда изменение значения окна ввода:
<! 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 = ng-controller = "myctrl"> <p> Введите некоторую информацию в поле ввода: < /p> <input type = "text" ng-change = "myfunc ()" ng-model = "myValue" /> <p> Входное окно было изменено {count}}. </p> </div> <script> angular.module ('myApp', []) .controller ('myctrl', ['$ scope', function ($ scope) {$ scope.count = 0; $ scope.myfunc = function () {$ scope.count ++;};}]);Результаты работы:
Введите некоторую информацию в поле ввода:
Входная окно было изменено в 0 раз.
Определение и использование
Директива с изменением NG используется для рассказа AngularJS, что делать, когда изменяются значения элементов HTML.
Инструкция NG-Change должна использоваться с инструкцией NG-модели.
Директива Angularjs NG-Change Directive не перезаписывает нативное событие OnChange. Если это событие будет вызвано, будет выполнено выражение NG-Change и нативное событие OnChange.
Событие NG-Change запускается каждый раз, когда изменяется значение, и ему не нужно ждать завершенного процесса модификации или ждать действия, которое теряет фокус.
Событие NG-Change предназначено только для реальной модификации значения ввода, а не через JavaScript.
грамматика
<элемент ng-change = "Expression"> </element>
<pint>, <select> и <textarea> поддерживаются элементы.
Значение параметра
| ценить | описывать |
|---|---|
| Выражение | Выполнить выражения при изменении значений элементов. |
Вышесказанное-это краткое изложение знаний директив angularjs ng-изменения, и будет дополнено позже.