最新的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.