问题标签 [mat-input]

我在同一行中有两个三个输入。前两个是mat-input，第三个是mat-chip，都在同一行。当我添加 mat-chip 时，该字段会下降，并且前两个字段的对齐不会保持不变，在一行中。

我的代码是这样的。

我刚开始使用 Angular 材质。我从官方材料输入文档中复制了一个代码。

但是，每当我专注于输入时，它就会在它浮动时隐藏起来。

聚焦前

聚焦后

PS：它发生在每个表单字段和输入上。请帮我。

谢谢你

编辑：

我创建了一个材质模块，在其中导入与材质相关的所有必要模块，然后将其导出到 app.module.ts

材料.module.ts

app.module.ts

home.component.html

它只是从官方材料文档中复制的

节点版本为@12.16.2

角度版本是@9.1.3

我在 mat-table 中遇到问题，我的输入字段在表格中无法正常工作。所有行都使用一个输入字段。意味着如果我在输入框中键入文本，所有行都显示该文本

我的代码：

我有我的html文件

当我保存在此字段中输入内容时，它会像现在一样更新网格。我如何让它自动将大括号添加到我的输入中。

我希望它一直与大括号一起保存，而不必在输入中手动输入大括号，这样当我输入“REC”时，它会在网格中显示为（REC）。

这是我的网格行

这是编辑对话框表单

我无法在编辑对话框中自动填充所选行的数据。这是我的网格 .ts 代码

这是我将函数传递给我的多重编辑的网格的 html

这是编辑对话框的html：

这是我编辑对话框 ts 的代码

我使用 angular 10 和 angular 材料来构建我的网站。

我想以matInput不同的方式添加输入建议matAutocomplete。键入的字符，如果按 Tab，它将自动完成该单词。

例子..

假设我想写单词饮料，我开始只输入“beve”

所以输入将显示字符是光标beve|rage 的|位置，它会以灰色显示愤怒，用户不能真正向前移动，因为它不是输入的一部分，但如果他点击类型它实际上添加了丢失的后来者到单词并将光标移动到完整单词的位置之后。

我什至不知道如何开始搜索如何实现这样的事情，因为每当我搜索术语时，autocomplete或者suggestion一切都会显示自动完成列表上的教程，这不是我想要的。

我试着玩了一下matInput，mat-form-field如果我可以显示占位符，即使在用户输入了一些内容之后，它看起来或多或少与我需要的效果相同，也是一个很好的解决方案。

所以如果我创建这个：

所以当我专注于输入元素时，我看到foooooooo灰色但是当我开始输入占位符时消失了。如果仍然可以显示占位符，那么我可以动态地操作占位符，keypress即使用户单击选项卡以完成输入中的实际单词并向前移动光标，我也可以更改。

仍然不知道如何离开占位符！因此，如果有人知道如何做到这一点..或任何其他方法来支持我需要的东西，那就太好了。谢谢

我想在我的角度应用程序中为同一模块中的 2 个不同组件的两个不同输入设置单独的日期格式我尝试创建自定义适配器 [根据答案 https://stackoverflow.com/questions/44452966/angular-2-material- 2-datepicker-date-format/53884733] 但它将格式应用于所有输入。我想要两种不同的格式。对于一个我想显示日期，而另一个只有一个月。我似乎没有找到任何解决方案来做到这一点。

我想要的是一种输入格式应该是 2020 年 9 月 2 日，而另一种输入格式应该是 2020 年 9 月

我正在开发一个角度应用程序，其中我有一个 matInput，我试图在 matInput 的占位符中显示一个图标。我尝试使用的字体真棒图标是 info-circle My Code

使用此代码，我可以看到一个图标，但它没有按预期出现。

我已经交叉检查了图标代码及其正确性。我不确定出了什么问题。

我在标准 mat-form-field 中有一个标准 matInput 字段，该字段位于标准 [formGroup] div 中。父区域的背景是深色的，输入的默认颜色是深色的。那效果不好。这是HTML的示例..

在线查看并根据此处的答案，我了解如何更改 .scss 中的内容，例如：

这最终将占位符文本更改为白色，但下划线仍为黑色。感谢您一直以来的建议。

作为我的新角度。我只想从 mat-input 中获取值，我需要从 angular mat-input 中获取值。有人可以帮我做到这一点。提前致谢