ใบออกอากาศ 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 expression ที่ต้องทำงานเมื่อค่าขององค์ประกอบเปลี่ยนแปลง

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