Question

我创建了一个指令，用于比较密码和确认密码字段，如果匹配不匹配则会显示错误消息。

(function () {
    'use strict';
    var compareTo = function () {
        return {
            require: "ngModel",
            scope: {
                otherModelValue: "=compareTo"
            },
            link: function (scope, element, attributes, ngModel) {

                ngModel.$validators.compareTo = function (modelValue) {
                    return modelValue == scope.otherModelValue;
                };

                scope.$watch("otherModelValue", function () {
                    ngModel.$validate();
                });
            }
        };
    };
   angular.module('StarterApp').directive("compareTo", compareTo);

})();

我的HTML：

                    <form name="updatePwdForm" novalidate>
                        <md-input-container class="md-block">
                            <label for="password">Password:</label>
                            <input type="password" name="password" ng-model="ctrl.updatepassword.password" />
                        </md-input-container>

                        <md-input-container class="md-block">
                            <label for="confirmPassword">Confirm Password:</label>
                            <input type="password" name="confirmPassword" label="confirmPassword" ng-model="ctrl.updatepassword.confirmpassword"  required 
                             compare-to="ctrl.updatepassword.password"  />
                            <div ng-messages="updatePwdForm.confirmPassword.$error" style="color:maroon" role="alert">
                                <div ng-message="required">Password and Confirm Password are not same!</div>                                  
                            </div>
                        </md-input-container>

                        <md-button class="md-raised md-primary"  ng-disabled="updatePwdForm.$invalid" ng-click="ctrl.updatePassword()">Update</md-button>

                    </form>
                </md-content>

我确信我的指令正在比较值并返回false如果它不匹配因为我的按钮处于禁用模式仍然我输入正确的确认密码，但它没有显示我的ngMessage。我错过了什么吗？提前致谢。

Answer 1

而不是

<div ng-message="required">

你应该

<div ng-message="compareTo">

由于您的验证者姓名为compareTo。

Angularjs ngMessage没有显示

1 个答案: