我想通过图标更改文本,我需要做什么才能通过图标更改文本? 我必须找到这样的结果: 文件.ts: ...
我想通过图标更改文本,我需要做什么才能通过图标更改文本? 我必须找到这样的结果: 文件.ts: ...
所以我一直在做这个项目,我必须按分页对表格数据进行排序。 例如,我的表上有 200 个数据,每页显示 20 个数据 1-20。 如果我单击排序图标,它应该将 1-20 排序到 20-1,但我的代码会将它从 1-20 排序到 200-180。 我不知道使用什么方法,我认为 this.dataSourc ...
我有一个使用 Mat paginator 进行分页的组件,该组件工作正常,但是在运行命令npx jest -- layout.component.spec.ts (我正在使用 jest 框架)时,下面的测试用例在下面失败了是错误。 测试用例失败: 错误: ● LayoutComponen ...
我希望我在这里遗漏了一些明显的东西,我将不胜感激提供的任何支持或见解...... 我有这张垫子桌 组件.html 与这个打字稿文件一起使用 组件.ts 感觉好像缺少将表格连接到分页元素的东西。 直到用户在下拉列表中选择了一个值,才会填充数据源元素。 该页面加载表格,但分页似乎从未确认更改 ...
我想设置 MatPaginator 的高度,因为它在我当前的应用程序中占用了太多空间。 目前我可以像这样降低高度: 结果是这样的: 遗憾的是 pageSize 选择器不能很好地适应尺寸变化。 有什么更好的解决方案? StackBlitz:https ://stackblitz.com ...
我在angular做了一个普通的HTML表,数据来自API,我想在里面添加mat-paginator。 这是我的代码: 先谢谢您的帮助 ...
我一直在尝试使用mat-paginator实现服务器端分页并且遇到了很多困难。 我查看了各种博客和教程,但没有一个对我实现目标有太大帮助。 服务- Components.ts- html- 我没有得到表中的数据。 在这里,我在加载页面以及浏览页面(使用下一个和上一个按钮)时遇到错误,我不知道发 ...
我将 MatPaginator 与 MatTableDataSource 一起使用,当我将数据分配给 dataSource 时,它会更改我分配给 MatPaginator 的长度。 因此,当我加载下一页、排序或过滤时,dataSorce 会更改长度并且无法继续分页。 我的代码: HTML ...
我正在使用 mat-paginator 对表格进行分页。 第一次加载页面时,分页工作正常。 但是,如果我执行 CRUD 操作,则分页不起作用。 所有行都显示在同一页面中。 我认为这是因为我在 *ngIf 中使用分页来根据条件显示结果表。 我在谷歌上进行了研究,并尝试了一些解决方案,例如使用 [hid ...
我正在尝试使用 mat-paginator 进行分页,但是当我单击并更改页面大小时没有任何反应,pageSize(limit) 仍然与服务器端限制相同,没有任何改变裁判列表.ts: 裁判服务.ts: 服务器端分页:我正在使用 mongoose-paginate-v2 在节点 js 中的服务器端进行分 ...
我正在尝试实现一个带有分页的 Angular 材料表,它连接到后端,从 Azure 表存储中检索数据。 我知道,表存储支持ExecuteQuerySegmentedAsync ,它返回TableContinuationToken 。 看起来不错。 所以在前端,我得到这样的东西: 在 componen ...
我试图在点击分页时调用 API 。 最初,我静态设置了长度,它工作正常。 我能够进行分页 API 调用。然后我也尝试动态设置长度并且它也可以工作,但后来它停止工作。 请帮我指出我的错误。 我正在 this.totalEmp 中设置内容的长度,并能够在 html 侧打印它,但是当我尝试在 mat-pa ...
我在子组件中有mat-paginator ,如下所示: child.component.html 我想使用@ViewChild()从父组件获取这个分页器,如下所示: 父组件.html ***parent.component.ts*** 但由于this.paginator未定义,我无法访问子组件 ...
在订阅中设置 mat-paginator 时,我仍然未定义。 我设置数据后就设置好了。 ...
你看到数据被正确呈现,但每页的项目是未定义的,加上搜索输入类型的宽度缩小了,但如果我重新加载正确的页面,怎么会? 为什么当我访问此页面以及刷新数据时这种有线行为会正确呈现 打字稿文件的代码 - .ts 和 html 文件代码 - 只是为了让您知道其他带有此类表格的页面,垫子分页器 ...
我见过类似的问题,但似乎对我没有任何帮助。 我有一个 mat 表,其中显示来自 api 的数据。但我不知道如何遍历“dataSource”。 下面是我的代码,以及我在检查控制台日志时如何获取数据。 文件 html 文件 这是我得到的数据: 我需要的数据在 filteredData 下。 当我做 我 ...
我有一些带有 mat-paginator 的 mat-table,如下所示: 在后面的代码中 并在 ngOnInit 在将表格放入 de ng-template 之前,每项工作都很好,我想使用 ng-template 指令在事件列表之间进行更改并添加新事件 有人知道我失去了什么。 ...
我一直在尝试对不使用 mat-table 的结果列表实施 mat-pagination。 但是,我在这里找到的所有示例都使用带有分页的 mat-table。 感谢您对此的帮助。 我目前正在从 onInit 上的解析器获取所有数据,并且每次用户与分页交互时都不需要从后端获取数据。 组件.html 组件 ...
我正在从可观察对象呈现表数据,然后将数据源分配给分页器。 下一页箭头以及第一页和最后一页按钮都在起作用。 当我尝试更改每页的项目时,它不起作用。 我尝试了 ngAfterViewInit 和页面事件调用,但它们没有任何区别。 import { Component, OnInit, ViewChil ...
我正在使用带有 formArray 的 mat-table,我还需要 Mat-paginator。 但不幸的是分页不起作用。 Stackbltiz 演示样品来源, .html .Ts ...