Angularjs ng-model-options不起作用。

时间:2014-05-23 18:20:53

标签: angularjs

我的控制器上有一个模式

 $scope.pattern = {
    name: /[a-zA-Z]{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>

我希望该字段仅在失去焦点时进行验证,但每次按下按钮时都不会验证该字段。

1 个答案:

答案 0 :(得分:17)

ngModelOptions仅在Angular 1.3.x中引入

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

如果您想在Angular 1.2.x中使用类似的功能,请查看此poly poly:

https://github.com/fergaldoyle/modelOptions