Angular 2 : prevent form fields to become valid as long as async-validator is still running

Question

简短的事情:我有一个 react 形式的输入字段，它们都由几个同步验证器(最小值、必需等)验证。

此外，我在表单本身上有一个去抖验证器。此验证器可能会将多个输入字段设置为无效。在这种情况下，输入字段在有效(绿色边框)和无效(红色边框)之间闪烁。

此行为是由于同步验证器会将输入字段呈现为有效，但 250 毫秒后异步验证器将再次声明这些输入无效。

所以基本上我的每个 keystore 都有闪烁的输入字段(只要我输入的速度足够慢)

解决方案: ?

我需要的是让所有验证器在同一个时间周期内执行(在等待去抖动时间之后)。即使我同时对所有验证器进行去抖动，边框颜色也会有轻微的闪烁。

或者我可以让表单上的所有输入都去抖动 250 毫秒，这样表单后面的所有验证器和模型只会在 250 毫秒的去抖动时间后获得信息。将 debouceTime(250= 应用于 valueChanges 并不能解决问题，因为验证器已经完成了他们的工作。

Answer 1

使用 [diabled]="!form.valid" 而不是 [disabled]="form.invalid" 因为表单处于 pending 状态，因此不无效。