Angular 反应式表单输入验证在负载上不起作用

【问题标题】：Angular reactive forms input validation not working on loadAngular 反应式表单输入验证在负载上不起作用
【发布时间】：2019-03-23 17:19:48
【问题描述】：

我对反应式表单验证有点陌生，试图在页面加载时实现输入验证，我有一个简单的输入字段，我需要在页面加载时验证，而不是手动。要求是我有一堆输入字段的编辑表单，我正在寻找每个字段的 maxLength 验证。我尝试在 patchValue/setValue 上使用 updateValueAndValidity 但错误不会出现，非常感谢任何帮助。

注意：我需要在页面加载时显示错误

Stackblitz

【问题讨论】：

标签： angular angular-reactive-forms

【解决方案1】：

您的 StackBlitz 示例几乎是正确的。在表单中设置数据后，您不需要调用任何额外的方法，例如.updateValueAndValidity()，您只是错误地检查了错误状态：

<span *ngIf="sampleForm.get('inputTxt').hasError(maxLength)">
  Max(10) letters reached!!!
</span>

应该是：

<span *ngIf="sampleForm.get('inputTxt').hasError('maxlength')">
  Max(10) letters reached!!!
</span>

查看更新后的 StackBlitz 以获取工作示例：https://stackblitz.com/edit/angular-2fvyqj

【讨论】：

啊！！！，这么小的东西，新鲜的眼睛总是有帮助的，谢谢你的时间布兰登