问题标签 [mat-form-field]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
62 浏览

angular - Angular,在 [(ngModel)] 中使用猫王唱歌和 mat-form-field

我想实现当 object 或 id 为 null 时不显示任何内容,为空,所以当用户想要更新时,它可以稍后再做..

错误是 ctx.exampleObj.obj 为空。

Elvis sing (?) 不适用于 mat-form-field。

有人可以帮帮我吗?

0 投票
1 回答
61 浏览

angular - Mat-form-field 必须包含 MatFormFieldControl 错误,使用 *ngIf

当我*ngIf在内部设置条件时出现此错误<mat-select>

我的问题是当对象 id 为空时,它在数据库中不存在。我想在下拉列表中显示一个空字段,但它在这一行崩溃了[(value)]="voipDc.hepic.id"

0 投票
1 回答
88 浏览

css - 更改 Mat Select 的 Mat Option Font Family - Angular Material

我正在尝试更改 mat-select 中选项的字体(“您出生在哪个城市”等)。

我注意到如果我将 ViewEncapsulation 设置为 none(例如,让样式从其他文件中渗入),它确实允许我更改字体系列,但是将其设置为 none 会导致其他不需要的样式渗入,即使我将这些都设置为“ :主持人”

在此处输入图像描述

注意:当我在开发工具中更改此类的字体时,我注意到它成功更改了字体:

在此处输入图像描述

但是,当我将样式添加到我的 css 文件并尝试使用 ng-deep 时,它仍然不会更改字体。

0 投票
0 回答
34 浏览

html - 如何在 Angular 的不同行上的 mat-select 上显示多行?

我有一个 mat-select,里面有 5 个 mat-options 可供选择。每个 mat-option 在其中有两行是 h2 标签。如何使选择显示在两条线各自的线上?它们当前在没有空格的情况下一个接一个地显示,即使它们在选项下拉部分中具有正确的格式。任何帮助,将不胜感激。这是我的代码。提前致谢。

}

0 投票
0 回答
65 浏览

angular - 是否有任何可能的方法来为 mat 表单字段(matprefix 或 matsuffix)内的 mat-icon 编写单击事件?

我有一个 mat-form-field,我在该 mat-form-field 内使用了一个 custum mat-icon 作为 matprefix。现在我想为那个 matprefix 图标写一个点击方法。有没有可能?我尝试编写单击方法,但它不起作用

带垫子前缀的垫子格式字段

0 投票
2 回答
203 浏览

angular - 在某些条件下隐藏输入字段

我有一个输入字段,我希望它隐藏,它应该只在下拉菜单中的选择是“飞机类型”时才可见:这是 html 代码:

第一个 mat-form-field 是下拉菜单,第二个 mat-form-field 是我希望在某些条件下隐藏或可见的字段。

这是示例照片

0 投票
0 回答
91 浏览

html - 我可以在 mat-form-field 下的单行中添加 mat-icon 和 mat-label

我正在尝试在表单字段的 mat-label 旁边添加一个工具提示图标。有没有办法做到这一点

如果我尝试在标签内添加图标,则不会显示工具提示。

日期 ?

在此处输入图像描述

0 投票
0 回答
30 浏览

angular - Angular 11 - 标准格式的 Mat-form-field mat-input,应该在底部的行将进入中心,直到重新加载

在我不得不使用 mat-form-field 和 mat-input 的应用程序中,它在轮廓外观上工作得非常好。标准外观有一点失真,因为应该在跨度底部的线正在中间,如下图所示:

扭曲的标准 Mat-form-field mat-input

但是一旦刷新/重新加载它就会回到它应该看起来的样子。

重新加载后的 Mat-form-field mat-input。

我需要这些字段总是看起来像第二张图片,而不必每次都重新加载。如果有人知道如何解决这个问题,请告诉我。

HTML:

0 投票
0 回答
32 浏览

html - 为什么输入时 Angular mat-form-field textarea 会闪烁?

我正在使用 Angular 12,并且我有一个包含表单的对话框。表单的最底部有一个包含 textarea 的 mat-form-field。有时(并非总是)当我打开模型并在文本区域中键入时,文本开始在当前行和上一行之间闪烁/闪烁。请参见下面的 gif。我无法在 stackblitz 或任何东西中重现该问题,所以我不确定为 mwe 提供什么。

在此处输入图像描述

0 投票
0 回答
19 浏览

angular-material - mat-form-field 和 mat-label 现在是延迟加载模块中的已知元素 - Material 13.1.1

我正在使用angular 10 和 Material 13.1.1,并且我有一个延迟加载的模块,其中我有一个组件登录,我正在使用一些材料输入和字段表单,但这给了我错误

这是我的代码。

app.module.ts

应用程序路由.module.ts

在此之后我的延迟加载模块,其中我有登录组件(我想在其中使用材料)

成员.module.ts

我不确定我错过了什么?

我检查过

'mat-form-field' 的 Angular 6 错误显示不是已知元素:

使用来自另一个模块的组件

'mat-form-field' 不是已知元素 - Angular 5 & Material2

使用最新的 Angular 材料设计延迟加载 Angular 模块会出错