AngularJS ng-change düzenleyicisi

Tanım ve Kullanım

ng-change Düzenleyici AngularJS'ye HTML elemanının değeri değiştiğinde ne yapılacağını söyleyen bir işlemdir.

ng-change düzenleyici gerektirir ng-model düzenleyiciler

AngularJS'te ng-change Düzenleyici, elemanın orijinal onchange olayını kapsamaz.ng-change İfade ve orijinal onchange olayı her ikisi de çalıştırılır.

ng-change Değer her değiştiğinde olay tetiklenir. Tüm değişiklikler tamamlanmayı veya girdi kutusunun odak kaybetmesini beklemeyiz.

ng-change Olay sadece girdi değeri gerçekten değiştiğinde tetiklenir, JavaScript tarafından yapılan değişiklikler değil.

Örnek

Girdi kutusunun değeri değiştiğinde bir fonksiyon çalıştırılır:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Yazı alanı {{count}} kez değişti.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Kişisel olarak deneyin

gramer

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

destekler <input><select> ve <textarea>.

Parametre

Parametre Açıklama
ifade Elementin değeri değiştiğinde çalıştırılacak ifade.