ng-changeArahan AngularJS


Contoh

Jalankan fungsi ketika nilai bidang input berubah:

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

Definisi dan Penggunaan

Arahan ng-changememberi tahu AngularJS apa yang harus dilakukan ketika nilai elemen HTML berubah.

Arahan ng-changemembutuhkan ng-model arahan untuk hadir.

Arahan ng-changedari AngularJS tidak akan menimpa acara onchange asli elemen, baik ng-changeekspresi dan acara onchange asli akan dieksekusi.

Acara ng-changeini dipicu pada setiap perubahan nilai. Itu tidak akan menunggu sampai semua perubahan dibuat, atau ketika bidang input kehilangan fokus.

Acara ng-changehanya dipicu jika ada perubahan aktual pada nilai input, dan bukan jika perubahan dibuat dari JavaScript.


Sintaksis

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

Didukung oleh <input>, <select>, dan <textarea>.


Nilai Parameter

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