我使用 angular 8 和 angular 材料来创建我的应用程序。

我定义了以下表单字段：

并且app-my-datetime-input是我使用以下代码创建的组件：

的HTML：

这是打字稿：

这是我第一次创建自己的表单字段组件，所以我可能在那里做错了什么......mat-error不可见。如您所见，我将单词附加hello到末尾，mat-error但仍然看不到它显示。所以我猜我应该实现MatFormFieldControl的是一种..少错误的方式？！:) 所以我真的不知道我做错了什么，所以关于这个问题的任何信息都将不胜感激。

谢谢你

更新

添加(blur)="onTouched()但不幸的是结果是一样的。

我有一个表单验证，可确保从日期不是较新的日期。这是我的验证功能：

并且由于错误而没有提交表单，但仍然没有显示错误

我有以下脚本来处理验证消息：

在同一个脚本上，我有一个调用另一个组件的按钮，一个使用预先输入的模式，如下所示：

验证本身在 .ts 代码中，如下所示：

按钮方法调用一个使用@Effect打开模式的动作，如下所示：

我遇到的问题是，当我在“标题”仍然为空时单击“添加人员”按钮时，标题的 mat-form-field 轮廓变为红色。

它不会返回错误消息，这是预期的行为，但大纲也应该保持不变。

这是 mat-form-field 的错误还是我错过了什么？

我想根据组件中的 if 条件在 mat error 中显示错误消息。

在中updateQuantity()，如果this.editMaterialForm.value.count > this.dialogData.count 需要在中显示错误<mat-error></mat-error>。谁能帮我解决这个问题？

我有一个表格，有最少的字符和最多的字符，问题是如果最小值是 2 个字符并且我放了一个，我会得到 mat-error 但是在保存时它让你只用一个字符保存它。

保存按钮：

保存功能：

https://stackblitz.com/edit/angular-jkjrsd-8flxvt

在模板文件中，我正在迭代一个元素数组，并为每个元素插入一个单独的行。

每个元素都有相同的控件集，但是每当我在其中一个输入字段中输入错误值时，所有其他输入控件上都会出现相同的错误消息。我需要它来仅验证当前输入字段。

希望我解释清楚。下面是我的模板代码：

我从一个运行良好的旧项目中借用了以下代码。但是现在它没有显示任何错误消息，因为我在新项目中使用了相同的代码。

HTML

打字稿

该代码以前可以按预期工作。我想针对不同的验证失败情况显示不同的消息。

我有以下日期范围选择器：

即使控件有错误，并且在调试时，hasError 返回 true，mat-error 也不会显示。当我把它放在表单域之外时，它确实会显示出来，但这当然不是我想要的。知道为什么会这样吗？

The typescript for the component is:

The html code is:

This is my add dialog box: The Add dialog box

How to add a custom validation so that if 'EWO' option is chosen for the 'Authority Type' dropdown, it would show an error if the 'Authority# (Alpha)' is not entered. But it should not show any error if the 'EWO' option is chosen for the 'Authority Type' dropdown.

我需要一些帮助。

我正在使用角度材料。

我的问题是关于使用自动完成时的 mat-error 显示/关闭。

在我的代码中，我有一个带有自动完成输入的表单。输入调用 JSON 对象作为响应。

此时需要在输入中显示 [name]，当在 select 选项上选择时。并将选项值设置为 [id]。

没问题，我已经解决了。

[displayWith]="displayFn"

没关系，一切正常，但我不知道如何将 [id] 验证为数字。每次我尝试它时，只需将输入 [name] 验证为字符串。

为什么我需要那个？所以，我将只使用 [id] 来构建表单对象 [ownerId]。

当从输入中选择名称时，mat-error 正在设置输入 INVALID。

非常感谢您的帮助。

在我的表单中，我有自定义的电子邮件字段，我不能使用大纲外观输入字段。

验证时如果有错误，如下所示

是否可以使它如下所示突出显示整个输入字段

我可以看到很多轮廓外观表单字段的示例，但不是填充外观。有人可以指导。TIA

更新：

在 css 下面尝试了我仍然无法实现。

如果有任何黑客可以实现这一点，将会很有帮助。