AngularJS ng-change 지시

AngularJS 참조 매뉴얼

정의와 사용법

ng-change 지시가 AngularJS에게 HTML 요소의 값이 변경될 때 실행할 작업을 알립니다.

ng-change 지시는 ng-model 지시

AngularJS에서 ng-change 지시는 원래 onchange 이벤트를 덮어쓰지 않습니다.ng-change 표현식과 원래 onchange 이벤트가 모두 실행됩니다.

ng-change 값이 언제든지 변경될 때마다 이벤트가 트리거됩니다. 모든 변경이 완료되거나 입력 상자가 포커스를 잃을 때까지 기다리지 않습니다.

ng-change 이벤트는 실제 입력 값이 변경될 때만 트리거됩니다. JavaScript로 변경된 것은 아닙니다.

예제

입력 상자의 값이 변경될 때마다 함수를 실행합니다：

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>입력 필드가 {{count}} 번 변경되었습니다.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

직접 테스트해 보세요

문법

<요소 ng-change="표현식</요소>

지원 <input>、<select> 와 <textarea>。

파라미터

파라미터 설명
표현식 요소의 값이 변경될 때 실행되는 표현식.

AngularJS 참조 매뉴얼