[英]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.
