Инструкция AngularJS ng-change

Референсная книга AngularJS

Определение и использование

ng-change инструкции сообщает AngularJS, что нужно сделать при изменении значения HTML-элемента.

ng-change инструкции требует наличия ng-model инструкции.

В AngularJS ng-change Инструкции не заменяют исходное событие onchange элемента.ng-change Выражение и исходное событие onchange будут выполнены.

ng-change Событие срабатывает каждый раз при изменении значения. Оно не ждет, пока все изменения будут завершены, или когда поле ввода теряет фокус.

ng-change Событие срабатывает только при реальном изменении значения ввода, а не при изменении через JavaScript.

Пример

Когда значение поля ввода изменяется, выполняется функция:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <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++;
    });
});
</script>
</body>

Попробуйте сами

Грамматика

<element ng-change="expression</element>

поддерживает <input>、<select> и <textarea>.

Параметры

Параметры Описание
expression Выражение, которое должно выполняться при изменении значения элемента.

Референсная книга AngularJS