Instruksi ng-change di AngularJS

Panduan Rujukan AngularJS

Definisi dan penggunaan

ng-change Instruksi memberitahu AngularJS tentang tindakan yang akan dijalankan saat nilai elemen HTML berubah.

ng-change Instruksi memerlukan ng-model Instruksi.

Instruksi di AngularJS ng-change Instruksi tidak akan menutupi peristiwa onchange asli elemen.ng-change Ekspresi dan peristiwa onchange asli akan dijalankan.

ng-change Peristiwa akan diaktifkan setiap kali nilai berubah. Ia tidak menunggu semua perubahan selesai, atau saat kotak teks kehilangan fokus.

ng-change Peristiwa hanya akan diaktifkan apabila nilai yang diisi benar-benar berubah, bukan melalui perubahan yang dilakukan dengan JavaScript.

Contoh

Sesuatu akan dilakukan apabila nilai kotak teks berubah:

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

Cuba sendiri

Sintaks

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

Dukung <input>、<select> dan <textarea>.

Parameter

Parameter Penerangan
ekspresi Ekspresi yang akan dijalankan apabila nilai elemen berubah.

Panduan Rujukan AngularJS