问题标签 [mat-form-field]

我需要一个可重复使用的mat-chip-list输入，它知道以下内容：可以在输入中输入任何内容，但只能将有效的电子邮件地址添加到芯片列表中。如果输入中包含无效的电子邮件并且用户按ENTER,COMMA或TAB，则无法将输入值添加到列表中并且mat-form-field应该有错误。

我有一个工作示例，但这不能作为mat-form-field输入重复使用，每次我想使用它时都需要复制粘贴它:(

我对如何解决问题持开放态度，我尝试mat-form-field从自定义输入中调用错误（我知道这不好），我尝试为mat-form-field.

我正在使用 Angular 9.1.12 和 Angular Material 9.2.4。

这是一个新的可重用但不工作的组件和不可重用但工作的组件的示例： https ://stackblitz.com/edit/angular-material-chip-list-email-input

我有一个 mat-form-field，其中包含我从 API 获取的数据下拉列表，并且我能够选择一个选项并将选择的选项成功保存到表单中。但是，当我回到该下拉菜单或重新加载时，未显示已保存的值，并且看起来该下拉列表中的值尚未被选中。

API 正在返回这样的对象列表

我在下拉列表中显示名称，但将 ID 保存在表单中

选择并保存名称后，当用户返回该页面和下拉菜单时，如何将其显示回来？

谢谢

在我的 sing-up 组件中，我创建了一个表单组来验证输入字段。

所以我有它的控制输入

它可以工作......但是......如果我对用户更新使用相同的组件，它会填充输入

如果我“触摸”它......它会给我错误，就像它是空的......但它不是......

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

当该字段被禁用时，我试图从 mat-form-field 中删除边框，但我已经尝试了我可以在网上找到的所有选项，但似乎没有任何东西可以从 div 中删除边框

这是我的代码：

这是我到目前为止所尝试的：

第一种方法：

第二种方法：

第三种方法：

我非常感谢您对此的帮助，如果您希望我发布任何其他信息，请告诉我。

假设我有一个带有 Mat 表单字段的页面 A，我通过 routerlink 导航到页面 B，然后按浏览器顶部/移动设备上的后退按钮，未加载某些 Css 和 mat 表单字段类（如 .mat-primary .mat -form-field-type-mat-input .mat-form-field-appearance-fill .mat-form-field-can-float .mat-form-field-has-label .mat-form-field-hide-placeholder ）如何解决和可能的解释。（页面重新加载时不会产生此错误（与 href 一样）。

加载时组件 A 的图像。

组件 A 在 routerLink 和后退按钮后加载时的图像

图片

从列表中选择一个城市时，我想将经度和纬度传输到地图上

通常在网页上创建表单时，我需要我们的客户填写一个字段，例如永久地址以及当前地址（选中复选框时，然后自动填写当前地址）。我搜索了不同的方法，但找不到在角材料组件中实现此功能的特定方法

组件的ts文件

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

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

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

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

更新：

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

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

当 mat-input 中有文本同时失焦时，我怎样才能使失焦样式不适用？

我想在失焦和带有文字的情况下保留这些样式：

但现在这是我在失焦和文字时得到的结果：

此外，当没有文本且失焦时，该字段的外观如下：

我现在的风格：

先感谢您。

我尝试在我的网站上为日期选择器提供标准演示文稿。但是，我尝试了一切，弹出窗口和输入不像模板，有人知道吗？

我想做这个模板：https ://material.angular.io/components/datepicker/overview#date-range-input-forms-integration

但我有：

弹出框不在输入下方，我无法更改样式，日历下方的“MAI 2021”一直保持不变。

如果有人仍然有同样的问题，我会接受它。