AngularJS ng-change directive

AngularJS Reference Manual

Paglalarawan at Paggamit

ng-change Ang directive ay nagsasabi sa AngularJS kung anong operasyon ang dapat isagawa kapag nagbago ang halaga ng HTML element.

ng-change Ang directive ay nangangailangan ng pagkakaroon ng ng-model Directive

Directive sa AngularJS ng-change Ang directive ay hindi pagtanggol sa orihinal na onchange event ng elemento.ng-change Ang mga ekspresyon at ang orihinal na onchange event ay magiging aktibo.

ng-change Ang kaganapan ay magiging aktibo kapag nagbago ang halaga ng bawat beses. Hindi ito maghihintay sa pagkatapos ng lahat ng pagbabago, o kapag nawala ang fokus ng input box.

ng-change Ang mga kaganapan ay magiging aktibo lamang kapag talagang nagbago ang halaga ng input, hindi sa pamamagitan ng pagbabago sa pamamagitan ng JavaScript.

Mga Halimbawa

Kapag nagbago ang halaga ng input box, isasagawa ang isang function:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Ang input field ay nagbago ng {{count}} beses.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Try It Yourself

Syntax

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

Supported <input>、<select> at <textarea>.

Parameter

Parameter Description
expression Ang expression na dapat isagawa kapag nagbabago ang halaga ng elemento.

AngularJS Reference Manual