javascript - Angularjs 中的自定义验证器 - $validators 未显示在链接函数中

Question

我正在尝试创建一个自定义验证器，但我发现 ctrl.$validators 未定义。下面是我的代码:

   link: function (scope, element, attrs, ctrl) {               
        ctrl.$validators.emptyCheckboxList = function (modelValue, viewValue) {
            if (!modelValue || modelValue.length === 0) {
                ctrl.$setValidity("emptyCheckboxList", false);
            }
            else {
                ctrl.$setValidity("emptyCheckboxList", true);
            }
        }
    }

此外，有没有办法覆盖所需的验证器？在 AngularJS 的文档中，他们提到要重写 $isEmpty，但它对我不起作用。

谢谢

Answer 1

$validators 属性可在 ngModelController 内使用(ng-model 指令的 Controller )。您似乎在指令定义对象中缺少 require ngModel 。

require: 'ngModel', //<-- this must be present here
link: function (scope, element, attrs, ctrl) {               
    ctrl.$validators.emptyCheckboxList = function (modelValue, viewValue) {
        if (!modelValue || modelValue.length === 0) {
            ctrl.$setValidity("emptyCheckboxList", false);
        }
        else {
            ctrl.$setValidity("emptyCheckboxList", true);
        }
    }
}

当您在指令 DDO 中添加 require: 'ngModel' 时。它利用 link 函数的第四个参数内的 require 指令 Controller (本例 ngModelController )。