Angular 多次调用验证函数

Question

我有角形。

当我打开应用程序时，控制台会记录in fooValidation四次，而我什么也不做。

in fooValidation
in fooValidation
in fooValidation
in fooValidation

为什么？这是设计使然吗？如何使其仅在表单提交后或焦点位于指定字段时执行？

in fooValidation
in fooValidation
in fooValidation
in fooValidation

堆栈闪电战示例

Answer 1

这是预期的。验证预计非常简单，因此通常不是问题。现在为什么有 4 个：

1. 在打字稿中创建 FormGroup。它已创建并应检查以定义它是否处于错误状态
2. [formGroup] 指令注册控件并再次调用验证，因为在某些情况下某些内容可能会发生变化（不确定到底是哪一个，但可能是某些问题导致该行为使一切正确）
3. 和 4.formControlName指令的作用完全相同