angular 反应形式的自定义组件中的验证不起作用

Question

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

我创建了一个非常简单的 angular 这种架构形式：

表格 - 简单计数器

表单的输出如下：{ "simplecounter": 2 }

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

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

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

Answer 1

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

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

Forked Stackblitz