ng-changeคำสั่งAngularJS
ตัวอย่าง
เรียกใช้ฟังก์ชันเมื่อค่าของช่องใส่ข้อมูลเปลี่ยนแปลง:
<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>
ความหมายและการใช้งาน
คำng-changeสั่งบอก AngularJS ว่าต้องทำอย่างไรเมื่อค่าขององค์ประกอบ HTML เปลี่ยนไป
คำng-changeสั่งต้องมีng-model
คำสั่งที่จะนำเสนอ
คำng-changeสั่งจาก AngularJS จะไม่แทนที่เหตุการณ์ onchange ดั้งเดิมขององค์ประกอบ ทั้งng-changeนิพจน์และเหตุการณ์ onchange ดั้งเดิมจะถูกดำเนินการ
เหตุการณ์ng-changeจะเกิดขึ้นทุกครั้งที่มีการเปลี่ยนแปลงค่า จะไม่รอจนกว่าจะมีการเปลี่ยนแปลงทั้งหมด หรือเมื่อช่องป้อนข้อมูลสูญเสียโฟกัส
เหตุการณ์ng-changeจะถูกทริกเกอร์ก็ต่อเมื่อมีการเปลี่ยนแปลงค่าอินพุตจริงเท่านั้น และจะไม่เกิดขึ้นเมื่อมีการเปลี่ยนแปลงจาก JavaScript
ไวยากรณ์
<element ng-change="expression"></element>
รองรับโดย <input>, <select> และ <textarea>
ค่าพารามิเตอร์
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |