tutorial pengembangan web terbaru
 

AngularJS ng-perubahan Directive


Contoh

Melaksanakan fungsi ketika nilai perubahan field input:

<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>
Cobalah sendiri "

Definisi dan Penggunaan

The ng-change direktif memberitahu AngularJS apa yang harus dilakukan ketika nilai dari suatu perubahan elemen HTML.

The ng-change direktif membutuhkan ng-model direktif untuk hadir.

The ng-change direktif dari AngularJS tidak akan menimpa elemen event onchange asli, baik ng-change ekspresi dan event onchange asli akan dieksekusi.

The ng-change acara dipicu setiap perubahan nilai. Ini tidak akan menunggu sampai semua perubahan yang dibuat, atau ketika field input kehilangan fokus.

The ng-change acara hanya dipicu jika ada perubahan yang sebenarnya dalam nilai masukan, dan tidak jika perubahan itu dibuat dari JavaScript.


Sintaksis

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

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


Nilai parameter

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