例
執行功能時的輸入字段的值更改:
<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>
試一試» 定義和用法
在ng-change
指令告訴AngularJS做什麼,當一個HTML元素的值發生變化。
在ng-change
指令要求ng-model
指令存在。
在ng-change
從AngularJS指令將不會覆蓋元素的原始onchange事件,無論是ng-change
表達與原onchange事件將被執行。
在ng-change
事件在價值的每一個變化引起的。 它不會等到所有的更改,或輸入字段失去焦點。
在ng-change
,如果有輸入值的實際變化時,才會觸發事件,如果不改變從一個JavaScript製成。
句法
< element ng-change=" expression "></ element >
通過的<input>的支持下,<選擇>和<textarea>的。
參數值
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |