角度反应形式的自定义组件中的验证不起作用答案

【问题标题】：Vaildation in Custom components in angular reactive form not working角度反应形式的自定义组件中的验证不起作用
【发布时间】：2018-12-21 15:48:01
【问题描述】：

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

我已经创建了这个架构的一个非常简单的角度形式：

表格 - 简单的计数器

表单的输出是这样的：{ "simplecounter": 2 }

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

它按预期提供输出值，但验证不起作用。经过大量试验，我仍然无法发现代码有任何问题。

非常感谢任何帮助。提前致谢！

【问题讨论】：

【解决方案1】：

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

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

【讨论】：