ng-change
Директива AngularJS
Пример
Выполнить функцию при изменении значения поля ввода:
<body ng-app="myApp">
<div ng-controller="myCtrl">
<input type="text" ng-change="myFunc()" ng-model="myValue" />
<p>The input field has changed {{count}} times.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope',
function($scope) {
$scope.count = 0;
$scope.myFunc = function() {
$scope.count++;
};
}]);
</script>
</body>
Определение и использование
Директива ng-change
сообщает AngularJS, что делать при изменении значения элемента HTML.
Директива ng-change
требует наличия ng-model
директивы.
Директива ng-change
AngularJS не будет переопределять исходное событие onchange элемента, ng-change
будут выполнены как выражение, так и исходное событие onchange.
Событие ng-change
срабатывает при каждом изменении значения. Он не будет ждать, пока будут сделаны все изменения или когда поле ввода потеряет фокус.
Событие ng-change
запускается только в случае фактического изменения входного значения, а не в том случае, если изменение было сделано из JavaScript.
Синтаксис
<element ng-change="expression"></element>
Поддерживается <input>, <select> и <textarea>.
Значения параметров
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |