AngularJS ng-model-options 지시어
정의와 사용법
ng-model-options 지시어는 HTML 표单 요소와 스코프 내의 변수 바인딩을 제어합니다.
데이터 바인딩이 특정 이벤트가 발생하거나 특정 밀리초를 기다리도록 지정할 수 있습니다. 더 많은 정보는 아래의 파라미터 값에 나열된 유효한 값을 참조하세요。
예제
필드가 포커스를 잃은 후에 데이터 바인딩을 수행하십시오：
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name" ng-model-options="{updateOn: 'blur'}">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = "Bill Gates";
);
</script>
문법
<요소 ng-model-options="옵션</요소>
지원됩니다. <input>、<select> 및 <textarea> 요소 지원
파라미터
| 파라미터 | 설명 |
|---|---|
| 옵션 |
데이터 바인딩이 따라야 할 옵션을 지정하는 객체입니다. 유효한 객체는 다음과 같습니다: {updateOn: 'event'}는 특정 이벤트가 발생할 때 바인딩이 발생해야 하는지 지정합니다. {debounce : 1000}는 바인딩이 얼마나 많은 밀리초를 기다려야 하는지 지정합니다. {allowInvalid : true|false}는 값이 검증을 통과하지 않았을 때 바인딩이 가능한지 지정합니다. {getterSetter : true|false}는 모델에 바인딩된 함수가 getter/setter로 간주되어야 하는지 지정합니다. {timezone : '0100'}는 Date 객체 처리 시 사용할 시간대를 지정합니다. |
