最新的Web开发教程
 

AngularJS NG-改变指令


执行功能时的输入字段的值更改:

<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.