问题标签 [angular-material-9]

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 回答
3188 浏览

angular-material - 如何在堆叠的 mat-chip-list 中将 mat-chips 居中

这就是芯片现在的堆叠方式:

https://imgur.com/hf2J8Xa

左边的空间明显小于右边。我怎样才能使芯片居中以使两边的边距均匀?我尝试过使用自定义 css 类,text-align: centervertical-align:middle都没有。

编辑:供参考这里是代码:

0 投票
1 回答
94 浏览

angular - 如何迭代对象数组并更新时间,如果在角度 9 中检查?

我有一个对象数组,它们在我<mat-table>的同步属性中是一个<mat-checkbox>. 我正在尝试这样做,以便在选中一个框然后按下“同步”按钮时,它将使用表中的当前日期和时间更新 lastSynced 属性。

0 投票
2 回答
3947 浏览

angular - 在 Angular Material 中为粗体文本设置特定字体

我在 Angular 应用程序中使用了两种自定义字体,一种用于普通文本,一种用于粗体文本。我想转向 Angular Material,但我不知道如何在其中设置粗体字体。

这就是我设置自定义字体的方式styles.scss

我如何告诉 Angular MaterialCustomBoldFont在例如 h1-h6、b、th 等中使用?我尝试设置自己的规则,但它们被覆盖了。

0 投票
2 回答
151 浏览

angular - 使用 Angular Material 9 的 TAB 创建自定义组件时出错

我正在尝试使用 Angular Material 9 创建一个 TAB 自定义组件。

这是使用 Angular Material 创建 TAB 的代码:

我创建了两个新组件:

带有以下 HTML 的my-tab :

带有以下 HTML 的my-tab-item

TAB 的文本有一个字符串参数。

问题是 TAB 未呈现。

我用这个例子创建了一个堆栈闪电战。

https://stackblitz.com/edit/angular-v9zpgf

谢谢你的帮助

0 投票
1 回答
414 浏览

mat-dialog - 如何防止 MatDialog 在外部单击时关闭

如何防止 MatDialog 在外部单击但在我的 Angular 应用程序的所有对话框中关闭?我还意识到,在将 disableClose 设置为 true 后,转义键没有关闭对话框,所以我添加了一个主机侦听器来强制关闭,但这并不是最好的解决方案……对于特定的组件,我可以做到这一点。

但是如何为我的应用程序中的所有对话框全局执行它,而不是在每个对话框组件中执行它并应用主机侦听器?

0 投票
0 回答
55 浏览

karma-jasmine - 单元测试 - 无法使用 mat-autocomplete 创建组件

我有一个反应式表单组件,它建立在 2 个 mat-autocomplete 表单控制字段和一个提交上。

基本上,您搜索一个关键字,然后角材料 (ng9) 的自动完成功能列出了匹配条目的列表,然后您可以选择一个。

选择后,单击表单组提交。实现工作正常,我一直在努力为这个组件编写单元测试,但是,我无法访问字段,因为即使有所有注入的依赖项,TestBed 也无法模拟组件。

我在每个之前都在 TestBed 配置中导入了 mat-AutoCompleteModule。老实说,我还没有找到任何可以参考的相关链接。我有一个类似的反应表单,其中两个表单控制字段单元测试正确,唯一的区别是我在这个表单中使用 Mat-Autocomplete

在此处输入图像描述

0 投票
0 回答
15 浏览

typescript - 如何将分页器和排序添加到未知数量的角材料表?

我在向预定义的表添加排序和分页时没有问题,如下所示:

然后在获取表数据后:

这很好用,但是当我有未知数量的表时,我需要以编程方式添加一个分页器并对每个表进行排序。

myTablePaginator2获取表格数据后,我可以以某种方式声明一个新的分页器吗?

创建表格后如何添加分页器并动态排序?