ตัวอย่าง
ฟังก์ชั่นดำเนินการเมื่อค่าของการเปลี่ยนแปลงช่องใส่:
<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>, <เลือก> และ <textarea>
ค่าพารามิเตอร์
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |