최신 웹 개발 튜토리얼
 

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 이벤트를 오버라이드 (override)하지 않습니다 ng-change 표현과 원래의 onchange를 이벤트가 실행됩니다.

ng-change 이벤트는 값의 모든 변화에서 시작됩니다. 그것은 모든 변경이 될 때까지 기다리거나 입력 필드를 잃을 때 집중하지 않습니다.

ng-change 입력 값의 실제 변화가있을 경우에만 이벤트 트리거 및 변경은 자바 스크립트으로부터 제조되지 않는 경우.


통사론

< element ng-change=" expression "></ element >

<입력>에서 지원, <선택> 및 <텍스트 영역>.


매개 변수 값

Value Description
expression An expression to execute when an element's value changes.