问题标签 [mat-form-field]

我正在使用 Angular mat-form-field 并且在 css 更改使其看起来像 mat-chip 之后，我想摆脱这个外盒（mat-form-field-wrapper）。

我想改变我正在使用角材料的字段的宽度，我尝试将 css 添加到全局 style.css 以及 component.css 但它不起作用。任何想法谢谢。我在下面有示例字段。谢谢你

#mycss（我尝试过的）

#HTML

这是我的网格行

这是编辑对话框表单

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

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

这是编辑对话框的html：

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

不能在AfterViewInit挂钩上选择动态值。该值可能会在 angulars 生命周期的后期选择；它实际上与AfterViewChecked钩子一起工作，但这将迫使我设置一个标志，因此它只在第一次运行。这似乎是一个过于复杂的解决方案。我也得到了ExpressionChangedAfterItHasBeenCheckedError生产，这是有道理的。

input在没有这些生命周期错误的情况下，在加载组件时选择动态值的简单/正确方法是什么？

查看此stackblitz以获取演示。

这是我使用AfterViewChecked钩子的一些代码。

app.component.ts

app.component.html

编辑：我在mat-form-field代码中添加了它可能是相关的。

我是 Angular 的新手。我想在 mat 表单字段中输入 =100+5 或 =8*5/2 ，当我按下回车键时，它会计算并在 mat 表单字段本身内显示结果。我不确定如何在 MatFormField 中处理这些方程。请帮忙

提前致谢！

我的 HTML 文件中有以下按钮：

以及以下下拉菜单：

单击此按钮时，将打开一个对话框，其中包含以下 HTML 文件：

有一个提交按钮，可以将产品保存到数据库中。现在每次我都必须刷新网页，以便新添加的产品反映在主窗体的下拉列表中。由于某些限制，无法将 Live Reload 添加到 Web 浏览器。我尝试使用 onEvent 和 ngModel 但几乎破坏了应用程序。请帮我解决一下这个。

以下是添加产品的组件：

以下是对话框：

这是主要形式。如果需要，可以提供任何其他信息。

在 service.ts 中为 addProduct 和 getProduct 添加组件：

我的注册组件中的这段代码

如何在弹出窗口内的帐户设置组件弹出窗口中包含相同的注册表单并在弹出窗口外部的帐户设置组件中查看数据？

我希望相同的表单位于帐户设置组件中，它看起来像：部分具有提交的寄存器的值，看起来像普通文本帐户设置组件，并且按钮打开的弹出窗口在其输入中有一个表单，在编辑信息模式中的数据值在帐户设置组件中打开的

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

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

例子..

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

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

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

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

所以如果我创建这个：

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

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

我正在重构一个由前任开发的 Angular 组件。

以前在用户配置文件组件中有一个编辑弹出窗口。我正在将此功能提取到一个新组件中。

在配置文件目录中expert-profile component，我添加了一个名为 edit-profile component仅支持编辑弹出的新组件。我使用了与文件中相同的 html 实现expert-profile.component.html。

问题是没有一个 mat 标签正在渲染。

这是一个屏幕截图，其中编辑弹出窗口正确呈现。

这是重构后的编辑弹出窗口的屏幕截图。

失败时，将引发以下错误： ERROR Error: mat-form-field must contain a MatFormFieldControl.

在专家配置文件中实施编辑弹出时不会发生此错误。

那么，问题出在哪里？

我的代码：

编辑profile.component.html：

编辑-profile.component.ts：

profile.module.ts

包含：

我的目的是当用户单击此输入GG/MM/YYYY时，程序会显示所有日期的弹出窗口，并且在用户没有刚刚单击时，弹出窗口设置为特定日期 2000 年 10 月 10 日。

这是我的html代码：

在我的 ts 中：

当用户第一次点击时，它没有设置任何值。第一次我想在弹出窗口中显示日期（2000、09、10）；

任何人都可以帮助我吗？