2014-05-23 2 views
5

나는각도 모델 옵션이 작동하지 않습니다.

<input type="text" name="name" data-ng-model="name" ng-model-options="{ updateOn: 'blur' }" ng-pattern="pattern.name" required /> 
     <div ng-show="contactForm.name.$dirty && contactForm.name.$invalid"> 
     <span ng-show="contactForm.name.$error.required">The name field is mandatory</span> 
     <span ng-show="contactForm.name.$error.pattern">The name must be at least 5 characters long</span> 
     </div> 

내가 그 초점을 잃어 버릴 경우에만 필드의 유효성을 검사 할 할 뷰에 내 컨트롤러

$scope.pattern = { 
    name: /[a-zA-Z]{5,}/ 
} 

에 패턴을 가지고 있지만 그것은 내가 누를 때마다 유효성을 검사하지 않습니다 단추.

+1

당신을 바이올린을 잊어 버렸습니다 :) – gkalpak

+3

AngularJS 1.3.x를 사용하고 있습니까? 아직 베타 버전이지만 1.3.x에서만 지원됩니다. –

답변

17

ngModelOptions은 각도 1.3.x 버전에 도입 된

https://docs.angularjs.org/api/ng/directive/ngModelOptions

당신이, 각도 1.2.x 버전에서 유사한 기능을 사용이 폴리 필 체크 아웃 할 경우

https://github.com/fergaldoyle/modelOptions

+0

좋은 답변입니다. 나는 Angular 1.2.x를 사용했고 모듈은 정상적으로 작동합니다. – vipin

+0

이전 버전을 polyfills와 함께 사용하는 대신 기능을 사용하려면 Angular 1.3으로 업그레이드하십시오. 합리적인 클라이언트가있는 경우 IE8 지원 중단은 문제가되지 않습니다 .-) –

+2

대규모 응용 프로그램을 개발하고 1.2로 테스트 한 경우 쉽게 비난을 입력에 추가하려는 경우 어떻게됩니까? 1.3으로 작업하도록 전체 앱을 업그레이드/리팩토링하는 대신, 이와 같은 모듈에 쉽게 드롭 할 수 있습니다. 또는 IE8이 널리 사용되는 기업 환경의 경우. 개발자로서 IT 부서 나 고객에게 어떤 브라우저를 사용해야 할지를 결정할 수 있다고 생각한다면 나는 당신이 현실 세계에 살고 있다고 생각하지 않습니다. – Fergal

관련 문제