例
执行功能时的输入字段的值更改:
<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. |