问题标签 [mat-form-field]

所以，我有一个现有的 mat-form-field，我想更改特定字段的背景颜色。我已经在 css 中尝试过这段代码，但它改变了我表单中所有字段的背景颜色：

这是我的 mat-form-field 的代码：

所以，我有一个组合框，用户可以在其中输入。我想要实现的是在用户键入不在组合框选择/选项中的内容时发出警告。这是我的组合框的代码：

在 Angular 中，是否有一种已知的便捷方法可以将 <mat-h​​int> 替换为 <mat-radio-group>？

在我们的例子中，我们有 <mat-form-field>s 包含一个多选列表（一些带有 <mat-select> 和一些带有 <mat-chip-list> <input>）并且用户的选择将用于一个搜索查询。我们希望用户有一种精简的方式来选择他们所做的多项选择将应用于 ANY 或 ALL 条件下的搜索查询。我们希望有一个苗条的选择：

0 匹配任何 0 匹配所有

字段下方的单选组代替 <mat-h​​int> 文本。

有没有人已经看到或使用 mat-form-field 进行过这种类型的自定义？到目前为止，我的搜索还没有找到任何东西。谢谢。

所以，我有一个 mat-form-field，只要用户输入一个不属于数据库的字符串，它就会抛出一个警告。我能够抛出警告，但问题是 mat-form-field 的设计在抛出警告消息时不一致。首次加载应用程序时，警告正常工作，但当我尝试编辑字段内的字符串时，设计与我预期的设计不同。这是我的 HTML 代码：

这是css代码：

这是我的控制台的输出：

HTML

代码 TS

我正在使用 MomentJS 包以及动态 Angular 反应形式。

我有一个名为“添加”的按钮，这会在我的反应表单中创建一个额外的字段，这是一个允许我选择日期的字段，根据我的代码，它首先检查日期是否对应于工作的启用日期周，这部分工作没有问题，我的问题是当我想查看我输入的日期是否不重复时，因为我在我的数组中使用了 find ，奇怪的是我输入了相同的日期并且它确实没有检测到相同，虽然我的控制台显示相反，是什么原因，提前非常感谢您的帮助。

当我添加代码出现在下面的字段时，我收到了这个错误：ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked。以前的值：'未定义'。当前值：'1400/07/19'

当我单击更新或添加按钮时出现此错误

我该如何解决这个错误谢谢

我有一个步进表单，它允许用户从以前保存的数据中编辑详细信息。当先前的数据无效时，表单域必须在加载表单时显示警告。警告文本正在显示，但大纲未显示。轮廓应为黄色，与警告文本相同。黄色轮廓仅在用户开始编辑表单时起作用，但它应该在加载时显示。这是代码：

这是警告文本的css代码：

这是大纲的代码：

检查堆栈闪电战：https ://stackblitz.com/edit/angular-material-components-demo-5k6gey?file=src/app/app.component.html

当它有一个初始值时，它不会显示在视图中，当试图清除它的值时，它仍然显示错误。内在价值永远是正确的，问题是观点。“清除值”按钮也有问题，它在内部正确清除了值，但视图中显示的值有问题。

我已经尝试了 1000 件事情，包括 emitModelToViewChange: true、changeDetector、阅读每个 StackOverflow/GitHub 帖子等。使用 compareFn 会显示 All 的视图初始值（这是不正确的，因为它应该显示“11”而不是“”，并且它不能修复“明确值”错误。

我使用有角度的材质组件来制作表格，所以我使用mat-form-field.

我想在左边有标签，在右边有一个文本输入字段。我怎样才能做到这一点？在官方文档的示例中，这是不可能的。

html

预期结果：

我有带有选项选择的垫子表单字段

其中 arrTmp =

结果在垫子表单字段内我有

我怎样才能正常显示 arr.name？