Angular Material项目是Angular中Material Design的实现。该项目基于Material Design系统提供了一组可重用，经过良好测试和可访问的UI组件。不要将此标记用于AngularJS Material，即旧版AngularJS框架的Material Design实现。
如何更改仅适用于移动视图的 Angular Material 对话框的宽度和高度？
我正在开发一个 Angular 应用程序并使用 Angular Material 作为 UI。我想调整对话框的宽度和高度，但仅限于移动视图。我不知道如何只调整手机大小...
我尝试在角度材质输入字段中显示图标，但不幸的是该图标未显示。我使用了以下代码： https://stackblitz.com/edit/stackblitz-starters-ngdhyg？...
目标 我的目标是在 theme.sass 中使用 @use '@angular/material' 作为垫子，并在任何其他 sass 文件中导入或使用 theme.sass 。 问题 主题.sass： @use '@angular/material' 作为垫子 @包括垫子...
我想知道如何默认选择角度中垫列表的第一项。我尝试过但无法解决它。我的 mat-list 代码在这里 导出类 StationsListComponent 实现 OnInit { @
Angular 日期选择器将日期设置为实际日期输入前 1 天
我有一个使用反应形式的角度形式，我有这个日期选择器： Prossima scadenza <...
当我们尝试为角度应用程序提供服务时，它不会编译并给出如图所示的错误。其他团队成员使用相同的 Angular cli 版本，能够正确运行它，没有任何错误。 ...
Angular 和 mat-tab-nav-bar：如何使用 router.Navigate 维护水平滚动
我正在使用 Angular 和 mat-tab-nav-bar，并且我有一个反应式站点。无论页面大小如何，我都试图保持所选菜单项的可见性。 （使用路由器进行onclick导航，所以页面相对...
我有两个 mat-optgroup 组来控制 mat-select 它有一个事件处理程序 (selectionChange)="applicationSelected($event.value, i)。 如何检测从哪个组中选择了选项？
错误：在构建 Angular Lib 项目 Angular 13 时无法将类型实体 i10.BidiModule 解析为符号
我在构建 Angular Lib 项目时遇到错误：无法将类型实体 i10.BidiModule 解析为符号。还有另外 2 个库项目正在构建良好。这个新的 lib 项目运行良好...
我正在开发 Angular 4。我做了一个新项目： ng 新的测试应用程序 然后我跑了： npm install --save @Angular/Material @Angular/cdk ng g c 首先 应用程序模块.ts 导入 { BrowserModule } fr...
我有一个带有垫子错误的表格，我正在尝试消除这些错误。我知道我可以简单地分隔表单字段本身，但我一直在尝试向 mat-error 元素添加边距/填充/边框，并且......
Mat 日期范围日期选择器显示错误的值 我需要起始值 2021-02-01T00:00:00.000Z
Angular DatePicker 拒绝以 DD/MM/YYYY 格式显示
我的应用程序设置 进口 { MAT_MOMENT_DATE_ADAPTER_OPTIONS， MAT_MOMENT_DATE_FORMATS， 时刻日期适配器 来自 '@angular/material-moment-adapter'； 从 '@
如何获取Angular Material按钮的大小？ （AM版本>7.2）
使用 Angular Material（版本 > 7.2.2）时：Angular Material 团队删除了（之前可用的）全局可访问的 CSS 自定义属性“--mdc-icon-button-state-layer-size”。
是否可以将背景附加到打开的叠加层上？我正在寻找与 .detachBackdrop() 函数相反的东西。 在覆盖配置中，我想将 hasBackdrop 保留为负并稍后添加...
我有一个父组件：父列表包含两个子组件（第一个子列表，第二个子列表） 在第二个子列表组件中：我有一个 mat 表，用于接收要显示的数据...
我有一个包含 3 个字段的表单，这些字段作为查询参数放入 API 调用中。当点击按钮时，表单就会被提交，API 就会被调用，数据就会被放入表格中。桌子是有角的
我正在尝试自定义非活动 mat-tabs 的颜色，但我找不到文档来找到要使用的确切规则。我尝试了其他答案，但它们已经过时，不适用于我的情况。 我发现了一个...
Angular Material 输入 - 在 Flexbox 中增长的文本区域
我想让文本区域根据可用空间灵活增长。 所以基本上如果我有 &... 我想让textarea根据可用空间灵活增长。 所以基本上如果我有 <form> <mat-form-field class="example-full-width area-1"> <mat-label>Leave a comment</mat-label> <textarea matInput placeholder="Ex. It makes me feel..."></textarea> </mat-form-field> <mat-form-field class="example-full-width area-2" > <mat-label>Leave a comment</mat-label> <textarea matInput placeholder="Ex. It makes me feel..."></textarea> </mat-form-field> </form> 我希望输入区域也会增长。我知道存在指令 cdkTextareaAutosize 但这会让 textarea 根据输入而增长。这是我不想拥有的。 我想让 textarea 延伸到整个 height 而不仅仅是一小部分。我想要某种动态方法 - 取决于我放置组件的位置。 堆栈闪电战 下面的 CSS 可能有效，我们只需调整，使其始终 100% 基于 Flexbox 样式和 height:100%，我们使用 display: flex 和 flex-grow: 1 使框适合可用空间： ::ng-deep { .full-textarea { display: flex; mat-form-field { display: flex; flex-grow: 1; .mat-mdc-form-field-flex, .mat-mdc-form-field-infix, textarea { height: 100% !important; } } } } html <form class="full-textarea"> <mat-form-field class="example-full-width area-1"> <mat-label>Leave a comment</mat-label> <textarea matInput placeholder="Ex. It makes me feel..."></textarea> </mat-form-field> <mat-form-field class="example-full-width area-2"> <mat-label>Leave a comment</mat-label> <textarea matInput placeholder="Ex. It makes me feel..."></textarea> </mat-form-field> </form> Stackblitz 演示
Angular Material 15.2.9 中 mat-datepicker-toggle 禁用图标颜色的问题
我目前正在使用 Angular Material 版本 15.2.9，遇到这样的问题：mat-datepicker-toggle 图标的禁用状态保持黑色，而启用状态正确地显示...