Последние учебники веб-разработки
 

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 >

При поддержке <вход>, <выберите> и <TextArea>.


Значения параметров

Value Description
expression An expression to execute when an element's value changes.