javascript - 使用 AngularJS 自定义字段验证

Question

我正在使用 $asyncValidators 来验证字段，但希望它仅在字段失去焦点时触发，而不是在每次更改时触发。这是可能的还是我必须使用 $asyncValidators 以外的东西？使用 $asyncValidators 的代码示例(取自 documentation )

ngModel.$asyncValidators.uniqueUsername = function (modelValue, viewValue) {
    var value = modelValue || viewValue;

    // Lookup user by username
    return $http.get('/api/users/' + value).
        then(function resolved() {
            //username exists, this means validation fails
            return $q.reject('exists');
        }, function rejected() {
            //username does not exist, therefore this validation passes
            return true;
        });
};

Answer 1

我认为你可以使用 ngModelOptions 指令来实现这一点。

ng-model-options="{ updateOn: 'blur' }"

您可以强制仅在某些预定义事件上“评估”模型。在您的情况下，您希望在离开 field 时对其进行评估，因此在 blur 事件上。

Official documentation of ngModelOptions directive