AngularJS ng-change 指令
示例
當輸入欄位的值更改時執行一個函式
<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>
自己動手試一試 »
定義和用法
ng-change 指令告訴 AngularJS 當 HTML 元素的值改變時該怎麼做。
ng-change 指令要求存在 ng-model 指令。
來自 AngularJS 的 ng-change 指令不會覆蓋元素原始的 onchange 事件，ng-change 表示式和原始的 onchange 事件都將被執行。
ng-change 事件在值的每次更改時都會觸發。它不會等到所有更改都完成，或者輸入欄位失去焦點。
只有當輸入值發生實際變化時，ng-change 事件才會被觸發，如果變化是由 JavaScript 引起的則不會觸發。
語法
<元素 ng-change="表示式"></元素>
<input>、<select> 和 <textarea> 支援。
引數值
| 值 | 描述 |
|---|---|
| expression | 一個在元素值改變時執行的表示式。 |
