微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angularjs ng-model-options不起作用.

我的控制器上有一个模式

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

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

解决方法

ngModelOptions仅在Angular 1.3.x中引入

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

如果要在Angular 1.2.x中使用类似功能,请查看此poly填充:

https://github.com/fergaldoyle/modelOptions

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐