角度ngMessages自定义验证ng-message [英] angular ngMessages custom validation ng-message

问题描述

我有这个自定义验证

function uiEmailEquals() {
  return {
    require: 'ngModel',
    link: function(scope, element, attrs, ngModel) {
      scope.$watch(attrs.uiEmailEquals, function() {
        ngModel.$validate();
      });
      ngModel.$validators.isEquals = function(value) {
        var email = scope.$eval(attrs.uiEmailEquals);
        if (!email || !value) {
          return false;
        }
        return (value === email);
      };
    }
  };
}

<input type="email" tabindex="4" name="cemail" class="form-control" ng-model="vm.data.cemail" placeholder="confirm email" ng-required="true" ui-email-equals="vm.data.email"
/>
<div class="help-block" ng-messages="form.cemail.$error" ng-if="form.cemail.$touched">
    <p class="error-message" ng-message="required">Required</p>
    <p class="error-message" ng-message="email">Not valid email</p>
    <p class="error-message" ng-message="uiemailequals">uiemailequals</p>
    <p class="error-message" ng-message="ui-email-equals">ui-email-equals</p>
    <p class="error-message" ng-message="uiEmailEquals">uiEmailEquals</p>
    <p class="error-message" ng-message="equals">equals</p>
</div>

问题是我找不到要设置的exp

The problem is I don't find the exp to set inside

ng-message

可以帮我吗?

推荐答案

ngModel.$validators.isEquals-这是您的自定义验证程序的名称-> isEquals

ngModel.$validators.isEquals - this is the name of your custom validator -> isEquals

<p class="error-message" ng-message="isEquals">is equals</p>

这篇关于角度ngMessages自定义验证ng-message的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！