Vaildation в пользовательских компонентах в угловой реактивной форме не работает

Question

Я пытаюсь создать новый компонент в угловых реактивных формах.Вот мой пример проекта: https://stackblitz.com/edit/angular-pyi9jn

Я создал очень простую угловую форму этой архитектуры:

Форма - простой счетчик

Вывод формы выглядит так:{ "simplecounter": 2 }

Я хочу, чтобы я мог передавать значения max и min для счетчика в реактивной форме html.И форма должна возвращать form.valid в соответствии с этими min и max значениями.

Это дает выходные значения, как и ожидалось, но проверка не работает.После долгих экспериментов я так и не смог найти никаких проблем с кодом.

Буду очень признателен за любую помощь.Заранее спасибо!

Answer 1

Чтобы определить пользовательский валидатор как директиву, вы должны правильно зарегистрировать его:

{
    provide: NG_VALIDATORS,
    useExisting: forwardRef(() => SimpleCounterComponent),
    ^^^^^^^^^^^
    instead of useValue
    ...
}

Forked Stackblitz