Angularjs ng-model-options不起作用.

发布时间：2020-12-17 06:57:16 所属栏目：安全来源：网络整理

导读：我的控制器上有一个模式 $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

我的控制器上有一个模式

$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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!