首页 > 解决方案 > 使用 PrimeNG 和 Material 组件验证 Angular 表单

问题描述

我有一个混合了 Material 和 PrimeNG 组件的 Angular6 表单。使用材料错误显示,效果很好。但是在 PrimeNG6 中没有这样的标签 AFAIK。

使用 PrimeNG 组合框(自动完成变体)和月份选择器(日历变体)。在表单上使用 FormGroup 和 FormBuilder。所有字段都是必需的,只有在用户单击提交时才必须显示任何错误。怎样才能做到这一点?(截至目前,我立即看到“必填字段”错误,而不是在提交时)

我注意到 [ngFormOptions]="{updateOn: 'submit'}" 表单选项,但在表单加载时出现错误:无法绑定到 'ngFormOptions',因为它不是 'form' 的已知属性...

是否应该将该错误消息 div 包装到另一个条件 div 中?什么条件?

另一个复杂点是一组Material Checkboxes,不是简单的验证(但希望在找到上一个问题的答案时处理它)。

请帮忙!

TIA,奥列格。

标签: angularvalidationangular-materialprimeng

解决方案


推荐阅读