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

我定义了以下表单字段：

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

的HTML：

这是打字稿：

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

谢谢你

更新

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

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

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

而不是直接在 Html 中编写 userForm 我想从组件中获取这个名称，如下所示

我想写这样的组件this.formName = "userForm"。但我收到错误。

有没有办法从组件中获取表单模板名称？

我创建了一个 Angular 应用程序并成功编译它：

但是当我去时，http://localhost:4200我在浏览器选项卡中只看到应用程序的名称和徽标，但在内容位置看到一个空白页。我可以在此地址上运行其他应用程序，但这个新应用程序不起作用并显示任何内容。

您可以在此处找到项目文件：https ://github.com/rajishpajish/test

编辑：我检查了开发人员控制台作为建议的答案，并发现此错误消息：

由于我是一个新的 Angular 学习者，不知道这个模块是否已被弃用以及如何用新模块替换它？

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

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

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

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

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

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

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

我将身体方向更改为 rtl。目录=“rtl”

并且带有外观“轮廓”的 mat-form-field 效果不佳。

您可以在https://material.angular.io站点、表单字段示例、表单字段外观变体部分中尝试它，并在堆栈上进行编辑，并将正文方向更改为 RTL。

你看哪个它不能正常工作

更新：

这个问题来自 Angular Material，现在已修复

我正在尝试使用 .CSS 在我的输入元素上将占位符颜色更改为白色。它在里面的元素

当我将鼠标移到mat-form-field.

为了能够使用彩色垫卡，我添加了一些 CSS 类来style.scss更改background-color.mat-form-field

它工作正常，但是当我将鼠标悬停在 amat-form-field上时，背景会在几分之一秒内变为红色。不幸的是，我找不到允许我删除这种透明度的 CSS 类。

StackBlitz： 这里

这看起来很简单，但由于某种原因，我无法让它工作。因此，我希望根据某些条件更改的外观mat-form-field，例如，如果文件被禁用，它应该是none，如果它被启用，它应该是standard。

所以对于最简单的场景，如何让它工作：

我有一个在mat-form-field. 它包括占位符，但我不知道如何设置占位符文本颜色。

当我之前没有关注输入时，占位符颜色为灰色：

当输入获得焦点时，它会变成紫色：

当输入失去焦点时，它会变成红色：

我的要求是换紫色的。我已经尝试过这个解决方案： https ://css-tricks.com/almanac/selectors/p/placeholder/ 但它对我不起作用。

任何想法？

更新：

这是检查的输入：

提前致谢！

嗨，这个问题改变了 mat-form-field 中的边框颜色我已经学会了如何在输入无效的情况下更改 mat-form-field 的插入符号颜色，但我不知道如何更改轮廓颜色这样的。

插入符号示例

我认为可行的方法：