AngularJS ng-change 指令

คู่มืออ้างอิง AngularJS

定义和用法

ng-change 指令告诉 AngularJS 当 HTML 元素的值发生变化时要执行的操作。

ng-change 指令要求存在 ng-model ইনডিকেশন

AngularJS-এ ng-change ইনডিকেশন এলিমেন্টের প্রকৃত onchange ইভেন্টকে অবরূপণ করবে নাng-change এক্সপ্রেশন এবং প্রকৃত onchange ইভেন্টটি উভয়ই বাস্তবায়িত করা হবে

ng-change ইভেন্ট মান পরিবর্তিত হওয়ার প্রতি প্রত্যেকবার ট্রিগার হয়। তা সবগুলি পরিবর্তনকে সমাপ্ত করতে অপেক্ষা করবে না বা ইনপুট বক্স ফোকাস হারাতেও ট্রিগার হবে না

ng-change ইভেন্ট শুধুমাত্র যখন ইনপুট মান প্রকৃতভাবে পরিবর্তিত হয়, তখনই ট্রিগার হয়, না তবে জেভাস্ক্রিপ্ট দ্বারা কোনও পরিবর্তন করা হয়েছে

প্রতিমান

যখন ইনপুট বক্সের মান পরিবর্তিত হয়, তখন একটি ফাংশন বাস্তবায়িত করা হয়:

<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