دستورالعمل ng-change AngularJS

دستورالعمل مرجع AngularJS

تعریف و استفاده

ng-change دستورالعمل به AngularJS می‌گوید که چه عملی باید انجام شود وقتی مقدار HTML عنصر تغییر می‌کند.

ng-change دستورالعمل نیاز به وجود ng-model دستورالعمل.

دستورالعمل AngularJS ng-change دستورالعمل نمی‌تواند رویداد onchange اصلی عنصر را پوشش دهد،ng-change عبارت و رویداد onchange اصلی همیشه اجرا خواهند شد.

ng-change رویدادها در هر بار که مقدار تغییر می‌کند فعال می‌شوند. آن‌ها منتظر نمی‌مانند تا همه تغییرات به پایان برسند یا زمانی که جعبه ورودی از تمرکز خارج شود.

ng-change رویدادها فقط در صورت تغییر واقعی مقدار ورودی فعال می‌شوند، نه تغییرات انجام شده از طریق JavaScript.

مثال

وقتی مقدار ورودی جعبه تغییر می‌کند، یک تابع اجرا می‌شود:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>فیلد ورودی {{count}} بار تغییر کرده است.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

آزمایش کنید

عبارت

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

پشتیبانی می‌کند <input>、<select> و <textarea>.

پارامترها

پارامترها توضیح
expression عبارتی که باید اجرا شود وقتی که ارزش عنصر تغییر کند.

دستورالعمل مرجع AngularJS