[英]angular material custom control that displays errors also when the form is submitted
我创建的自定义材料输入有问题。 它是一个国家自动完成输入，它实现了 MatFormFieldControl 和 ControlValueAccessor。 它应该反映到外部表单的值是国家的 ID。
问题是当我把它放在 a 中时，如果有错误，当用户提交表单时它们不会显示。
https://stackblitz.com/edit/angular-fxu8rz?file=src/app/form-field-custom-control-example.html
有人遇到过这种场景吗？
这就是我解决它的方式（可能有点hacky，我愿意寻求更好的解决方案）：
我将 formGroupDirective 注入到组件中，现在我正在检查表单是否也已提交。 这使红色边框出现，但由于某种原因仍然没有错误消息。 我做的第二件事（这就是我不喜欢这个解决方案的原因）是在 errorState 函数旁边添加一个 updateValueAndValidity() 。
这是更新的堆栈闪电战：
带有验证错误的 Angular6 Material 自定义表单字段控件（mat-error）
[英]Angular6 Material custom form field control with validation errors (mat-error)
Angular Material ErrorStateMatcher可以检测何时提交父表单吗？
[英]Can the Angular Material ErrorStateMatcher detect when a parent form is submitted?
Angular Material：mat-form-field 在创建自定义表单域控件时必须包含一个 MatFormFieldControl
[英]Angular Material: mat-form-field must contain a MatFormFieldControl when creating a custom form field control
Angular 10：在 Angular Material 自定义表单字段控件中访问 NgControl
[英]Angular 10: Access NgControl in an Angular Material custom form field control
尝试从 angular 材料制作自定义表单字段控件时，有没有办法消除焦点？
[英]Is there a way to remove focus when trying to make custom form field control from angular material?
Angular 自定义校验：确保表单组有校验错误时表单控件无效
[英]Angular custom validation: ensure form control is invalid when the form group has validation errors
Angular Material - 带有错误状态的自定义反应式表单控件
[英]Angular Material - Custom Reactive Form Control with Error State
角材料：“自定义表单字段控件”-移动浮动标签（向下）
[英]Angular Material: Custom Form Field Control - move floating label (down)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
