Angularjs ng-model-options is not working.

Question

I have a pattern on my controller

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

On the view

<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>

I want the field to be validate only when it looses the focus but it doesn't it validates every time I press a button.

Answer 1

ngModelOptions was introduced only in Angular 1.3.x

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

If you want to use similar functionality in Angular 1.2.x, check out this poly fill:

https://github.com/fergaldoyle/modelOptions