Angular Material项目是Angular中Material Design的实现。该项目基于Material Design系统提供了一组可重用，经过良好测试和可访问的UI组件。不要将此标记用于AngularJS Material，即旧版AngularJS框架的Material Design实现。
如何测试 matTooltip 是否在 Angular Material 中正确禁用？
我有一个循环创建多个 matCard 元素。这些代表事件。其中一些已经成为过去。我给它们一个类来将它们变灰，并添加一个 matTooltip 来解释这意味着什么。 <...
如果我在 mat-dialog 中单击取消提交按钮，如何取消选中 mat-checkbox
我编写了一个对话框，其中包含要从表中删除的所有选定行。现在，当我提交对话框时，我希望也取消选中激活的复选框。 最好的方法是什么...
我有多个条件和工具提示文本值，我想将它们应用于单个表值。根据条件，我们会说 A、B 和 C，我们会显示特定的工具提示文本。如果穆...
我正在尝试创建一个以芯片列表作为触发器的垫选择。所选选项会显示，但当所选选项需要第二行时就会出现问题。筹码开始溢出......
我有一个 Angular Flex-Layout 行，其中包含一些按钮和一个 mat-button-toggle-group。不幸的是，垫子按钮切换组比按钮大一些，我想要...
我有这个代码来检查两个密码是否匹配，但是，它没有按预期工作。我已经尝试过在一些旧问题中看到的内容，但没有成功。 我的组件模板中有这个...
Angular Material mat-stepper，如何将以编程方式创建的 componentRefs 正确传递给 mat-step？
我有一个问题请教， 我以编程方式创建了一些仅声明的组件，因此这些选择器根本不在任何模板中使用。我使用 ViewContainerRef.createComponent 来创建
Angular FormGroup 控件 valueChanges 属性不会触发 Angular Material 自动完成过滤器的管道
对于 Angular 来说有些陌生。我的应用程序有一个表单，允许用户创建新的数据条目。该项目的部分要求是某些字段使用自动完成功能...
我需要添加一个位置图标来反应 Material-UI 选择选项。但没有选项...我在 select 中阅读了 API 文档，但找不到相关选项。所以我真的需要你的帮助......
我尝试创建一个组件，其中包含两个数据表，每个数据表都有另一个数据源。由于我的 *ngIf，我的表格在组件加载后不可见，因此我无法使用
我有材质角度垫片组件，我想为每个垫片设置不同的下划线颜色，我尝试使用backgroundColor和selectedTabChange属性，但我无法管理 ...
如何控制底板的高度？ API似乎没有指定这一点... 谢谢
我正在使用表单生成器构建动态表单，如下所示： 到目前为止我一直在 stackblitz 中尝试的可运行代码 我已阅读文档并看到了这个，例如但找不到另一个例子
如何覆盖 Angular Material 15 中垫子按钮的对比度
我想要一个带有白色文本和浅悬停的浅橙色按钮。我使用对比度设置创建了自定义调色板，不幸的是按钮中仍然有黑色文本和深色......
我正在尝试自定义 Angular 5 中的默认“mat-dialog”。 我想要实现的是在对话框的上部有一个工具栏，它应该覆盖整个宽度。 然而，mat-di...
我正在我的 Angular 17 项目中使用材料。我想在我的项目中添加 ADA 合规性，并在必要时添加 tabindex。 我面临的问题是，我在垫菜单和选项卡中有按钮...
如何在 Angular 材质的 Snackbar 上添加 html 内容？
我已经创建了烤面包机（snackbar）来响应消息。 我想在烤面包机（snackbar）上添加 html 内容，以便可以以正确的格式显示多条消息。 我努力了 变量测试=' 我已经创建了烤面包机（snackbar）来响应消息。 我想在烤面包机（snackbar）上添加一个html内容，以便可以以正确的格式显示多条消息。 我已经尝试过 var test ='<html> <body>' + '<h1>The Header</h1>' + '<p>The paragraph of text</p>' + '</body> </html>'; this._toastr.error(test); _toastr : is my service. .error : is my function in which I have to pass htmlContent 我的代码 var test = '<html> <body>' + '<h1>The Header</h1>' + '<p>The paragraph of text</p>' + '</body> </html>'; this._toastr.error(test); 输出应该是：- 以下 xxx/ xxx 的价格已输入 2018 年 11 月 27 日的价格。 世界你好！ 大家好！ 我想把这个东西放进烤面包机（小吃店） 您将无法像 Edric 在他的评论/链接中提到的那样创建自定义 SnackBar 组件。标准 Angular Material SnackBars 仅允许您设置 message 和 action（以及一些配置选项）。 检查 this stackblitz 是否有一个非常基本的 SnackBar 组件，该组件从传递给它的 data 读取 HTML 字符串，并将字符串内容在小吃栏中呈现为 HTML。 snackbar.component.ts export class SnackbarComponent { constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any, public snackBar: MatSnackBar) { } } snackbar.component.html <div [innerHTML]="data.html"></div> <button mat-raised-button (click)="snackBar.dismiss()">Dismiss</button> 像这样使用组件： openSnackbar() { this.snackBar.openFromComponent(SnackbarComponent, { data: { html: '<h1>The Header</h1><p>The paragraph of text</p>' } }); } 如果您需要的话，您可以轻松地将其包装在服务中。 像这样使用组件： openSnackbar() { this.snackBar.openFromComponent(SnackbarComponent, { data: {html: '<h1>The Header</h1><p>The paragraph of text</p>'}, **duration: 20000, verticalPosition: 'bottom', panelClass: ['error-snackbar']** }); }
当我插入一本新书时，我想刷新我的角材料表（mat-table）。 该表不会自动刷新，我必须刷新浏览器才能看到插入的新书。 步骤 ...
Angular Material 拖放堆叠的扑克牌并在悬停时自动展开
如何使用 Angular Material 和拖放功能实现以下行为？我希望能够在鼠标悬停时看到卡片完全展开，因此下面的其他卡片只需移动
SassError：找不到要导入的样式表。 @使用'~@angular/material'作为垫子；
我使用 CLI 创建了一个 Angular 项目。我正在使用 SCSS，并且我将 Angular Material 包含在自定义主题 iirc 中。我添加了几个虚拟组件，应用程序仍然构建得很好。然后我需要