Câu lệnh ng-change trong AngularJS

Sách tham khảo AngularJS

Định nghĩa và cách sử dụng

ng-change Câu lệnh thông báo cho AngularJS các hành động cần thực hiện khi giá trị của phần tử HTML thay đổi.

ng-change Câu lệnh yêu cầu có ng-model câu lệnh.

Câu lệnh trong AngularJS ng-change Câu lệnh không che盖元素的 sự kiện onchange ban đầu,ng-change Cả biểu thức và sự kiện onchange ban đầu đều sẽ được thực hiện.

ng-change Sự kiện được kích hoạt mỗi khi giá trị thay đổi. Nó không đợi tất cả các thay đổi hoàn thành hoặc khi ô nhập mất焦点.

ng-change Sự kiện chỉ được kích hoạt khi giá trị của ô nhập thực sự thay đổi, không phải là sự thay đổi thông qua JavaScript.

Mẫu

Khi giá trị của ô nhập thay đổi, hãy thực hiện một hàm:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Trường nhập đã thay đổi {{count}} lần.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Thử ngay

Cú pháp

<element ng-change="biểu thức</element>

Hỗ trợ <input>、<select> và <textarea>。

参數

参數 Mô tả
biểu thức Câu biểu thức cần thực hiện khi giá trị của phần tử thay đổi.

Sách tham khảo AngularJS