Угловая директива валидатора - метод validate никогда не вызывается

Question

У меня есть следующая директива проверки:

import { Directive, Input } from '@angular/core';
import { Validator, ValidationErrors, AbstractControl, NG_VALIDATORS } from '@angular/forms';
import { isNumber } from 'util';

@Directive({
    selector: '[minMaxValidator]',
    providers: [{
        provide: NG_VALIDATORS,
        useExisting: MinMaxValidatorDirective,
        multi: true
    }]    
})

export class MinMaxValidatorDirective implements Validator {

    @Input() public minValue: number = null;
    @Input() public maxValue: number = null;

    constructor() { }

    validate(c: AbstractControl): ValidationErrors {
        let result: ValidationErrors = null;

        if (isNumber(c.value)) {
            if (this.minValue !== null && this.minValue > c.value) {
                result = { message: 'Value must be greater than ' + this.minValue };
            }

            if (this.maxValue !== null && this.maxValue < c.value) {
                result = { message: 'Value must be lower than ' + this.maxValue };
            }
        }

        return result;
    }
}

И я использую ее так:

<input type="text" min-max-validator minValue="0" maxValue="1" [(ngModel)]="data.compression" />

Входные данные отображаются, но метод проверки в валидаторе никогда не вызывается.У меня нет ошибок в консоли, и валидатор зарегистрирован в app.module.ts

Что мне не хватает?

Answer 1

Вы должны использовать minMaxValidator (селектор для вашей директивы) в поле ввода.

<input type="text" minMaxValidator minValue="0" maxValue="1" [(ngModel)]="data.compression" />