AngularJS ng-change
지시문
예시
입력 필드의 값이 변경되면 함수를 실행합니다.
<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
.
AngularJS 의 ng-change
지시문은 요소의 원래 onchange 이벤트를 재정의하지 않으며 ng-change
표현식과 원래 onchange 이벤트가 모두 실행됩니다.
ng-change
이벤트는 값이 변경될 때마다 트리거됩니다 . 모든 변경 사항이 적용되거나 입력 필드가 초점을 잃을 때까지 기다리지 않습니다.
이벤트는 입력 값에 실제 변경이 있는 ng-change
경우에만 트리거되며 변경이 JavaScript에서 이루어진 경우에는 발생하지 않습니다.
통사론
<element ng-change="expression"></element>
<input>, <select> 및 <textarea>에서 지원됩니다.
매개변수 값
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |