问题标签 [mat-form-field]

我正在尝试调整浮动标签与其旁边的边框之间的间隙。

如下图所示，在第二张图片中：

右侧的浮动标签和边框之间的间隙更大。我想对此进行调整，以使两侧的间隙均匀。

到目前为止，我为浮动标签提供的样式：

我尝试弄乱margin-right并向右平移，但似乎没有任何效果......这种差距仍然存在。

有什么办法可以做到这一点吗？

先感谢您。

我有这个特定的设计要求，我使用 MatCardComponent 并且在每张卡里面都有桌子。现在我想像在 MatFormField 中一样添加浮动在边框间隙中的标签。

如上图，但不是输入，而是 MatCard 并在其表内。

有什么办法可以达到这个结果？请帮我。谢谢

我在 Angular 的 Mat-select 字段中创建全选选项并将 id 传递给另一个 ngModel 时遇到问题。

模板.html

<form [formGroup]="composeGroup"> <mat-form-field> <mat-select id="groupIds" formControlName="groupIds" multiple [(ngModel)]="composeCreateMessage.groupIds"> <mat-option (click)="selectAllGroups()">Select All</mat-option> <mat-option *ngFor="let group of groups; let i=index" [value]="groups[i].id">{{ group[i].name}}</mat-option> </mat-select> </mat-form-field> </form>

因此，我正在遍历从 ngOnInit 上的 api 获取的组并推送所选组的 id

组模型看起来像这样 { id: 1, name = "Admin", level: 2, updatedDate : ..., createDate: ...}

组件.ts

组件.ts

我从 Angular 材料网站获取了代码：

我不确定为什么浏览器没有显示正确的颜色，就像它在他们的网站上显示的那样。在我的浏览器上，它显示为完全白色，当我点击它时，我什至看不到选定的选项。有人可以帮忙吗？

我已经添加了图像。即使在我从下拉列表中选择一个选项后，它也会显示。

这是我为单页 Web 应用程序编写的简单 HTML

component.ts 文件中没有什么，只有基本模板和所需的导入语句

以下是 app.module.ts

以下是错误Error1：

错误2：

正如您所看到的，代码中没有太多内容，因为我刚刚开始开发，但我已经直接从文档中收到基本模板中的错误。如何处理这些错误？（请注意，我是角度材料的新手，如果可能的话，请在答案周围提及一些细节）

这是 package.json

我对来自材料库的一个输入的表单有疑问。

当我提交表单时，我在提交方法中像这样重置它：

}

问题是表单在验证后看起来像这样：

我希望该字段返回到照片 1 中的原始状态

我怎样才能做到这一点 ？

谢谢 ！

编辑这里的验证器：

新编辑：这是 html 表单：

我有 2 个 Mat 表单字段。一个用于多选清单，另一个用于 Datepicker。

1. 如果您看到多选清单的附件图片，文本在底部，我如何使它作为日期选择器出现一点？

两者的CSS：

多选列表的 CSS

日期选择器的 CSS

2）如何让我的多选清单有一个全选选项？

HTML：

我有一个 mat-form-field，我希望在输入字段中显示当前时间。我可以在里面添加它，但我的样式有问题。这是代码行：

我正在制作一个搜索栏并在 mat-form-field 中放置一个 mat-autocomplete。输入字段像这样超出搜索栏的范围

这是代码HTML：

CSS：

如何更改 mat-form-field 的高度？提前致谢

我正在尝试使用 Angular Material 在子表单输入字段中显示父表中的对象。但它不会在输入字段中显示对象值。它只显示<mat-label>我创建的。我尝试使用属性绑定添加占位符，但这会导致错误。

这是我的代码： parent-template.html

父模板.ts

子模板.html

子模板.ts