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