Ultimele tutoriale de dezvoltare web
 

AngularJS ng-modificare a Directivei


Exemplu

Executați o funcție în cazul în care valoarea câmpului se schimbă de intrare:

<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>
Încearcă - l singur »

Definiție și utilizare

ng-change directiva spune AngularJS ce să facă atunci când valoarea unui element HTML modificări.

ng-change directivă necesită o ng-model de directivă să fie prezent.

ng-change directivei din AngularJS nu va trece peste evenimentul onchange original al elementului, atât ng-change expresie , iar evenimentul onchange original va fi executat.

ng-change eveniment este declanșat la fiecare schimbare a valorii. Acesta nu va aștepta până când sunt făcute toate modificările, sau atunci când câmpul de introducere pierde se concentreze.

ng-change eveniment este declanșat numai în cazul în care există o schimbare reală a valorii de intrare, și nu în cazul în care schimbarea a fost făcută dintr - o JavaScript.


Sintaxă

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

Suportat de <input>, <selectați> și <textarea> .


Valorile parametrilor

Valoare Descriere
expression O expresie pentru a executa atunci când schimbările valorii unui element.