Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/shell/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度反应窗体输入验证在负载下不工作_Angular_Angular Reactive Forms - Fatal编程技术网

Angular 角度反应窗体输入验证在负载下不工作

Angular 角度反应窗体输入验证在负载下不工作,angular,angular-reactive-forms,Angular,Angular Reactive Forms,我对反应式表单验证有点陌生,尝试在页面加载时实现输入验证,我有一个简单的输入字段,需要在页面加载时进行验证,而不是手动验证。需求是我有一个编辑表单和一堆输入字段,我在每个字段上寻找maxLength验证。我在patchValue/setValue上尝试了updateValueAndValidity,但错误不会出现,非常感谢您的帮助 注意:我需要在页面加载时显示错误 您的StackBlitz示例几乎是正确的。在表单中设置数据后,不需要调用任何额外的方法,如.updateValueAndValidi

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

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


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

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

最多达到(10)个字母!!!
应该是:

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

最多达到(10)个字母!!!

查看此更新的StackBlitz以了解工作示例:

Ah!!!,这样一件小事,新鲜的一双眼睛总是有帮助的,谢谢你的时间布兰登