ng-changeChỉ thị AngularJS
Thí dụ
Thực thi một 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>
Định nghĩa và Cách sử dụng
Lệnh ng-changecho AngularJS biết phải làm gì khi giá trị của một phần tử HTML thay đổi.
Chỉ ng-changethị yêu cầu một ng-model
chỉ thị phải có mặt.
Lệnh ng-changetừ AngularJS sẽ không ghi đè sự kiện onchange ban đầu của phần tử, cả ng-changebiểu thức và sự kiện onchange ban đầu sẽ được thực thi.
Sự ng-changekiện được kích hoạt ở mọi thay đổi về giá trị. Nó sẽ không đợi cho đến khi tất cả các thay đổi được thực hiện hoặc khi trường nhập liệu bị mất tiêu điểm.
Sự ng-changekiện chỉ được kích hoạt nếu có sự thay đổi thực tế 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à <textareosystem.
Giá trị tham số
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |