问题标签 [mat-input]

我需要将高度降低mat-form-field到 30px。（不仅仅是内部元素，整个 mat-form-field 的高度。有什么想法吗？

这是一个类似的问题 - How to change height in mat-form-field，但没有一个解决方案能正常工作。

如果我输入 21121997 它应该在日期文本框中转换为 21/12/1997。如果我给 01012012 那么它应该转换为 01/01/2012。那是 dd/mm/yyyy 格式。怎么做？html代码-->

ts 代码-->

在我的表单中，我有一个数量字段，它应该只接受数值。当使用特殊字符输入数量时，此 type="number" 将替换特殊字符。但是，如果我用特殊字符粘贴值而不是替换，我需要将错误消息显示为“数量有无效字符”，并且还应该将字段值重置为“”。

在 html 中：

在 ts

一旦我在 ts 中输入带有无效字符的值，我就会收到 45 的值，所以我无法执行验证。是否可以捕获粘贴在字段中的任何值。我不能使用 type="text" 因为我需要该字段的步骤功能。

我正在研究matinput角度模板。我用它来搜索列表中的目的。在列表中，我们有不同的客户联系方式，即（国家代码）（电话号码）+92 3011111111。当我搜索 +92 301 时......它工作正常。但是当我替换+92为0（根据我们地区的数字格式）时，它返回给我没有联系。有什么方法可以用 . 替换+92或任何其他国家/地区代码0。提前致谢。让我知道是否需要更多说明。（如果问题清晰且很好，请投票，以便我可以在需要时提出更多问题）

当前使用的角度版本：9

如何在 mat-form-field 内的 matInput 周围消除这种浅蓝色光芒？

我不确定我是否需要覆盖什么属性并且我不知道该怎么做，我尝试搜索但找不到任何东西。

任何帮助，将不胜感激

我有一个 Angular 11 应用程序。

我在它后面使用mat-autocomplete和 amat-input在输入本身中显示自动完成提示。

我使用该placeholder属性来显示自动完成数据。问题是，如果我有一个matInput内部 a<mat-form-field>它会将几个空格截断为一个空格。因此，如果我的占位符持有foo bar，它将显示为foo bar. 有没有办法克服这个？

我创建了一个代表我的问题的 stackblitz：

StackBlitz 演示

谢谢你！

我需要一个可重复使用的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

我有这个顶部带有标签的输入组件：

text-field-label类是：

问题是当我有两个这种类型的组件，其中一个没有标签时。我需要页面响应，但是当我“缩小”它时，我有这个：

文本中断使输入垂直移动并且与另一个不对齐。如何定位这两个组件以使它们保持对齐？就像将文本打破到“顶部”而不是底部一样，这样它就不会将输入文本移动到底部？

我想在输入字段后添加图标，它将在更改时显示。和另一个图标，如果它不在焦点上。

谁能帮助我，我已经尝试过类似下面的方法，但我不知道如何在其中切换图标。

谢谢

页面加载输入应集中

单击 HighLight 按钮时，它会聚焦文本框，但是当我在 ngOnInit 上调用此方法时，它会给出错误无法读取未定义的属性“nativeElement”