ng-changeSměrnice AngularJS


Příklad

Proveďte funkci, když se změní hodnota vstupního pole:

<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>

Definice a použití

Direktiva ng-changeříká AngularJS, co má dělat, když se změní hodnota prvku HTML.

Směrnice ng-changevyžaduje, ng-model aby byla přítomna směrnice.

Direktiva ng-changez AngularJS nepřepíše původní událost onchange prvku, provede se ng-changevýraz i původní událost onchange.

Událost ng-changese spustí při každé změně hodnoty. Nebude čekat, dokud nebudou provedeny všechny změny, nebo když vstupní pole ztratí fokus.

Událost ng-changese spustí pouze v případě, že dojde ke skutečné změně vstupní hodnoty, nikoli v případě, že byla změna provedena z JavaScriptu.


Syntax

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

Podporováno <input>, <select> a <textarea>.


Hodnoty parametrů

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