问题标签 [ngx-pagination]
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.
angular - 每当我将新数据传递给子组件时,ngx-pagination 就会中断
我正在使用 ngx-pagination 包对大列表进行分页。我在子组件的模板中使用分页管道。
每当子组件收到新的数据分页控件时,它就会中断并且不起作用。
但是如果我重新启动应用程序,它会正常工作分页只有在我请求新数据并将其作为输入属性传递给子组件时才会中断。
我弄乱了分页控件组件属性。我也尝试在分页管道中设置总项目。我也尝试过设置分页控件的 ID 并将其传递到分页管道中。但是上面的尝试根本不起作用。
请在下面找到子代码。
组件.ts
组件.html
当新数据传递给子组件时,分页控制组件应该像初始化应用程序时一样正常工作。
javascript - 需要在 ngx-pagination 的中间页面前后显示 2 页
我无法使用当前选定的选项卡前后显示 2 页。尝试使用以下代码。
angular - 如何在 Angular 7 的表格上使用 Ngx 分页
嗨,我有一个类似的清单,
[{…},{…},{…}]
0:{姓名:“Manu”,年龄:“21”,爱好:Array(4)}
1:{姓名:“Anu”,年龄:“20”,爱好:Array(3)}
2:{姓名:“nandu”,年龄:“22”,爱好:Array(5)}
我需要在桌子上显示这个。所以我正在做下面的代码
但是当我这样做时,我得到了一个像这样的错误,
当我在分页上按下下一页时,表格的第一行显示。但是要显示的项目数是正确的,即如果我有 5 个项目要显示,那么分页控制 div 将显示 5 页,但第一条记录是重复的在每一页。
我以https://www.freakyjolly.com/angular-7-6-pagination-implement-local-or-server-pagination-in-3-steps/ 作为分页参考。
angular - 如何使用 ngx-pagination 显示特定页面中存在的记录数
我正在研究 ngx-pagination,在这里我必须显示该特定页面中存在的记录数。例如:如果我将每页的项目数设置为10,那么在第1页,它必须显示1-10,如果第2页:它必须显示11-20,如果每页的项目数是50,那么它必须是1 -49、50-99 等等..
HTML:
在表中我使用的是管道分页,它链接到 ngx 分页:
在 Ts 中:
在这里,如果我在第 1 页,我需要显示 1-10 显示等等
angular - 搜索栏的角度问题
你好,我希望你很好,我有一个组件允许用户按标签搜索文件,我使用 ngx-pagination 进行分页。当我在第一页时,我可以搜索所有文件,但是当我移动到其他页面时,搜索总是不计算上一页,只有搜索方法适用于下一页。但他给我的页码包含这个标签。
但我希望他出示包含文件的卡片。 下面的2张照片让事情更清楚
我的组件.TS:
我的组件.HTML
angular - 当我使用 jw-pagination 或 ngx-pagination 时出现错误...我使用的是 angular 9.1.1
jw-分页
src/app/app.module.ts:49:5 中的错误 - 错误 NG6001:无法在 NgModule 中声明“JwPaginationComponent”,因为它不是当前编译的一部分。
ngx-分页
src/app/app.module.ts:49:5 中的错误 - 错误 NG6001:无法在 NgModule 中声明“NgxPaginationModule”,因为它不是当前编译的一部分。
angular - Angular:试图让 ngx-pagination 工作
我是 Angular 的新手,我没有花费数小时试图让分页正常工作。我在 Angular 9 中工作。
在 app.module 我导入 ngx-pagination
从'ngx-pagination'导入{ NgxPaginationModule };
在 home-component 中,我建立了一个来自网络服务的海报列表。
如果我将 id 留在分页语句中,我会在寻呼机栏中看到“Next >>”,而没有其他任何内容。它当然是不可点击的。
如果我删除分页语句中的 id,我会看到寻呼栏编号,并且“1”以蓝色突出显示。但是,选择任何其他数字不会导致 onPageChange 事件触发(它只记录到控制台),也不会导致突出显示“1”以外的任何内容。我错过了什么吗?
更新 我在这方面取得了一些进展。我尝试在当前代码上方添加第二个 ngfor / page bar 块,它运行良好。当我更改页面时,新寻呼机中的数据会正确移动。奇怪的是,在删除 ID 属性后,页面也会在当前(损坏的)寻呼机中移动。但是,我仍然无法直接单击该寻呼机。
javascript - 在 ngx-pagination 上添加第一页和最后一页 - 角度 9
我正在为我的 Angular 应用程序使用 ngx-pagination 库。除了上一个和下一个按钮,我想再添加 2 个按钮直接进入最后一页或第一页。我怎样才能做到这一点?
模板逻辑
typescript - 使用 ngx-pagination 在第二页上搜索不起作用
我在搜索过滤器后使用了分页,但仍然无法正常工作。第一页搜索过滤器正常工作,但其他页面不工作。我使用了 ngx-pagination 并且搜索已经编写了搜索管道。我的代码-
angular - ngx-pagination 不适用于过滤表
我得到了一个简单的表格,我在其中实现了过滤选项,local_part
一切正常,直到我在最后一页上的例子中不尝试搜索表格。如果我在第一页上,我可以找到所有内容,但是当我例如在第 20 页上搜索时,我得到了空白行(并且分页显示我只有一页(所以这是正确的)当我点击我的分页时 [1 ] 然后我看到过滤后的数据)
对于我正在使用ngx-filter-pipe
的过滤和分页ngx-pagination
我对搜索表的输入
我的表格行
我的分页控件
应该如何?无论我在哪个页面上,我都想过滤我的表格。