角材料 - 自动完成垫错误

Question

我将angular 6 与angular material 6.4.2 一起使用，但我无法在自动完成时正确显示错误。

我创建了一个堆栈闪电战来向您展示行为，这是链接

我的目标是按预期在风格化的自动完成上显示错误。

非常欢迎所有帮助:)

先感谢您。

干杯，马塞洛

Answer 1

我遇到了同样的问题，不幸的是我使用了一个带有提示的解决方法

<mat-hint *ngIf="form.get('x').hasError('error')" i18n><span class="mat-error">Please choose a X</span></mat-hint>

Answer 2

您的输入从未处于错误状态，因此不会显示错误。此处固定示例：

我刚刚添加了required验证器来强制错误状态。如果您想应用一些自定义规则 - 编写自定义验证器。