自定义组件中的角反应形式的验证无效

时间:2018-12-21 07:40:10

标签: angular validation angular-reactive-forms

我正在尝试以角形反应形式创建一个新组件。 这是我的示例项目:https://stackblitz.com/edit/angular-pyi9jn

我已经创建了这种架构的非常简单的角度形式:

表格  -简单的计数器

表单的输出类似于:{ "simplecounter": 2 }

我想要的是我应该能够以反应形式html传递计数器的maxmin值。表单应根据这些form.validmin值返回max

它给出了预期的输出值,但是验证不起作用。经过大量的实验,我仍然找不到代码的任何问题。

非常感谢您的帮助。 预先感谢!

1 个答案:

答案 0 :(得分:2)

为了将自定义验证器定义为指令,您必须正确注册它:

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

Forked Stackblitz