Chỉ thị ng-change
của AngularJS
Ví dụ
Thực thi hàm khi giá trị của trường đầu vào thay đổi:
<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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-change
cho AngularJS biết phải làm gì khi giá trị của phần tử HTML thay đổi.
Lệnh ng-change
yêu cầu phải có lệnh ng-model
.
Lệnh ng-change
từ AngularJS sẽ không ghi đè sự kiện onchange ban đầu của phần tử, cả biểu thức ng-change
và sự kiện onchange ban đầu sẽ được thực thi.
Sự kiện ng-change
được kích hoạt ở mọi thay đổi về giá trị. Nó sẽ không đợi cho đến khi tất cả thay đổi được thực hiện hoặc khi trường đầu vào mất tiêu điểm.
Sự kiện ng-change
chỉ được kích hoạt nếu có thay đổi thực sự trong giá trị đầu vào chứ không phải nếu thay đổi được thực hiện từ JavaScript.
Cú pháp
< element ng-change=" expression "></ element >
Được hỗ trợ bởi <input>, <select> và <textarea>.
Giá trị tham số
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |