javascript - 不会触发 AngularJS 的自定义验证

Question

我是 AngularJS 的初学者，现在我正在尝试创建一个注册表单。 我尝试按照在互联网上找到的说明进行操作，但似乎无法触发验证。我不确定出了什么问题。

这是我的验证 JS:

var login = angular.module('login', []);

login.directive('repeatedValue', function () {
    return {
        require: 'ngModel',
        link: function (scope, elm, attrs, ctrl) {
            ctrl.$validators.repeatedValue = function (modelValue, viewValue) {
                alert("validation");
                return false;
            };
        }
    };
});

输入字段如下所示:

<input type="password" class="form-control" id="password2"
                               placeholder="Repeat password" value="" tabindex="3"  ng-model="login.registerPassword2" repeatedValue/>

仍然，由于某种原因，即使我开始在字段中输入内容，也不会触发验证，因此我仍然可以提交表单。

Answer 1

您必须在模板中使用正确的指令名称(短划线分隔)

 <input type="password" ... repeated-value/>

请参阅文档中的规范化章节 https://docs.angularjs.org/guide/directive