AngularJS ng-change
Yönergesi
Örnek
Giriş alanının değeri değiştiğinde bir işlevi yürütün:
<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>
Tanım ve Kullanım
Yönerge ng-change
, AngularJS'ye bir HTML öğesinin değeri değiştiğinde ne yapacağını söyler.
Direktif ng-change
, bir ng-model
direktifin mevcut olmasını gerektirir.
AngularJS'den gelen ng-change
yönerge, öğenin orijinal onchange olayını geçersiz kılmaz, hem ng-change
ifade hem de orijinal onchange olayı yürütülür.
Olay ng-change
, değerdeki her değişiklikte tetiklenir. Tüm değişiklikler yapılana kadar veya giriş alanı odağı kaybettiğinde beklemez.
Olay ng-change
yalnızca giriş değerinde gerçek bir değişiklik olduğunda tetiklenir ve değişiklik bir JavaScript'ten yapılmışsa tetiklenmez.
Sözdizimi
<element ng-change="expression"></element>
<input>, <select> ve <textarea> tarafından desteklenir.
Parametre Değerleri
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |