Question

我正在尝试使用angular集成一个简单的密码验证检查。从某些原因出来，无论我做什么样的ngModel。$ validate（）都没有定义，因此实际上没有进行验证。任何帮助都非常有用。我有一个自定义控制器：

angular.module('todo')
    .controller('RegisterController', ['$scope', '$http', '$location', function($scope, $http, $location) {
        $scope.register = function () {
    });

我有一台路由器：

.config(function($routeProvider) {
    $routeProvider.
        when('/todo', {
            templateUrl: './partials/todo.html',
            controller: 'TodoController'
        }).
        when('/register', {
            templateUrl: './partials/register.html',
            controller: 'RegisterController'
        }).
        otherwise({
            redirectTo: '/todo'
        });
});

我有一个指令：

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() {
                console.log('in otherModelValue ');
                console.log('ngModel.$validate() : ' + ngModel.$validate());
                ngModel.$validate();
            });
        }
    };
};
angular.module('todo').directive("compareTo", compareTo);

我以下列方式将它们绑定在一起：

    <input id="password" name="password" type="password" placeholder="Password" ng-model="password" required/> <br/>
    <input id="passwordConfirm" type="password" placeholder="Repeat Password"  ng-model="confirmPassword" required compare-to="password" /> <br/>

Answer 1

ngModel.$validate()应该在设计上未定义，因为它不会返回任何特定值。您确定您的验证无效，但无法显示该验证吗？尝试添加到您的模板（假设您的表单有name="form"）：

<span ng-show="form.confirmPassword.$error.compareTo">Passwords must match</span>

同时将name confirmPassword属性添加到confirmPassword字段

Angular ngModel。$ validate（）在指令中未定义

1 个答案: