cost 203 ms
Angular 如何使用分页器和matsort根据页面对表格数据进行排序 - Angular how to sort table data based on page using paginator and matsort

所以我一直在做这个项目,我必须按分页对表格数据进行排序。 例如,我的表上有 200 个数据,每页显示 20 个数据 1-20。 如果我单击排序图标,它应该将 1-20 排序到 20-1,但我的代码会将它从 1-20 排序到 200-180。 我不知道使用什么方法,我认为 this.dataSourc ...

使用 Jest Mat 分页器测试用例的角度单元测试失败:- TypeError:无法读取未定义的属性“页面” - Angular unit testing with Jest Mat paginator test case getting failed :- TypeError: Cannot read property 'page' of undefined

我有一个使用 Mat paginator 进行分页的组件,该组件工作正常,但是在运行命令npx jest -- layout.component.spec.ts (我正在使用 jest 框架)时,下面的测试用例在下面失败了是错误。 测试用例失败: 错误: ● LayoutComponen ...

Angular mat-paginator 显示完整的异步数据源 - Angular mat-paginator displaying full async dataSource

我希望我在这里遗漏了一些明显的东西,我将不胜感激提供的任何支持或见解...... 我有这张垫子桌 组件.html 与这个打字稿文件一起使用 组件.ts 感觉好像缺少将表格连接到分页元素的东西。 直到用户在下拉列表中选择了一个值,才会填充数据源元素。 该页面加载表格,但分页似乎从未确认更改 ...

在预期 stream 的位置提供“未定义”。 可以提供 Observable、Promise、Array 或 Iterable - Provided 'undefined' where a stream was expected. Can provide an Observable, Promise, Array, or Iterable

我一直在尝试使用mat-paginator实现服务器端分页并且遇到了很多困难。 我查看了各种博客和教程,但没有一个对我实现目标有太大帮助。 服务- Components.ts- html- 我没有得到表中的数据。 在这里,我在加载页面以及浏览页面(使用下一个和上一个按钮)时遇到错误,我不知道发 ...

MatPaginator 和 MatTableDataSource - 更改总大小 - MatPaginator & MatTableDataSource - Change Total Size

我将 MatPaginator 与 MatTableDataSource 一起使用,当我将数据分配给 dataSource 时,它​​会更改我分配给 MatPaginator 的长度。 因此,当我加载下一页、排序或过滤时,dataSorce 会更改长度并且无法继续分页。 我的代码: HTML ...

在我对表执行添加/编辑/删除行(Angular 10)等操作后,分页不起作用 - Pagination does not work after I perform an operation on table like add/edit/delete a row (Angular 10)

我正在使用 mat-paginator 对表格进行分页。 第一次加载页面时,分页工作正常。 但是,如果我执行 CRUD 操作,则分页不起作用。 所有行都显示在同一页面中。 我认为这是因为我在 *ngIf 中使用分页来根据条件显示结果表。 我在谷歌上进行了研究,并尝试了一些解决方案,例如使用 [hid ...

我的 angular 分页有问题,特别是页面大小 - i have a problem with my angular pagination , specialy the page size

我正在尝试使用 mat-paginator 进行分页,但是当我单击并更改页面大小时没有任何反应,pageSize(limit) 仍然与服务器端限制相同,没有任何改变裁判列表.ts: 裁判服务.ts: 服务器端分页:我正在使用 mongoose-paginate-v2 在节点 js 中的服务器端进行分 ...

Angular MatPaginator 和 Azure 表存储 - Angular MatPaginator and Azure Table Storage

我正在尝试实现一个带有分页的 Angular 材料表,它连接到后端,从 Azure 表存储中检索数据。 我知道,表存储支持ExecuteQuerySegmentedAsync ,它返回TableContinuationToken 。 看起来不错。 所以在前端,我得到这样的东西: 在 componen ...

mat-paginator 长度不起作用。无法设置它 - mat-paginator length is not working.Not able to set it

我试图在点击分页时调用 API 。 最初,我静态设置了长度,它工作正常。 我能够进行分页 API 调用。然后我也尝试动态设置长度并且它也可以工作,但后来它停止工作。 请帮我指出我的错误。 我正在 this.totalEmp 中设置内容的长度,并能够在 html 侧打印它,但是当我尝试在 mat-pa ...

垫分页器在此特定表格中不起作用 - Mat Paginator not working in this particular table

你看到数据被正确呈现,但每页的项目是未定义的,加上搜索输入类型的宽度缩小了,但如果我重新加载正确的页面,怎么会? 为什么当我访问此页面以及刷新数据时这种有线行为会正确呈现 打字稿文件的代码 - .ts 和 html 文件代码 - 只是为了让您知道其他带有此类表格的页面,垫子分页器 ...

Mat Table 的 Mat Paginator 不适用于 api 数据 - Mat Paginator of Mat Tabledoesn't work with api data

我见过类似的问题,但似乎对我没有任何帮助。 我有一个 mat 表,其中显示来自 api 的数据。但我不知道如何遍历“dataSource”。 下面是我的代码,以及我在检查控制台日志时如何获取数据。 文件 html 文件 这是我得到的数据: 我需要的数据在 filteredData 下。 当我做 我 ...

没有垫表的垫分页 - mat-pagination without mat-table

我一直在尝试对不使用 mat-table 的结果列表实施 mat-pagination。 但是,我在这里找到的所有示例都使用带有分页的 mat-table。 感谢您对此的帮助。 我目前正在从 onInit 上的解析器获取所有数据,并且每次用户与分页交互时都不需要从后端获取数据。 组件.html 组件 ...

每页的垫子分页器项目在 angular 9 中不起作用 - Mat paginator items per page not working in angular 9

我正在从可观察对象呈现表数据,然后将数据源分配给分页器。 下一页箭头以及第一页和最后一页按钮都在起作用。 当我尝试更改每页的项目时,它不起作用。 我尝试了 ngAfterViewInit 和页面事件调用,但它们没有任何区别。 import { Component, OnInit, ViewChil ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM