问题标签 [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.

0 投票
1 回答
518 浏览

javascript - 我如何在 ngx-pagination 的数组上使用 ngFor* 将分页控制数字(1 2 3)更改为其他值,例如“Anything1 Anything2 ...”?

是否可以替换 ngx-pagination 的“分页控制”?默认情况下,页码显示为“1 2 3”。我想用数组中的字符串值替换它们。

上面的代码将显示分页数,如

在此处输入图像描述

我想用数组 [Anything1,Anything2,Anything3] 中的值替换数字。在这里,我的数据是固定的,我知道我的页码计数及其详细信息。

0 投票
1 回答
510 浏览

angular8 - ngx-pagination angular 8 Observables 下一页未在 FE 上填充

我对这个实现中使用的 Observables 有疑问。我是 Observables 的新手。我正在使用用户列表对现有组件实施 ngx-pagination。问题是下一页没有填充结果(只有第 1 页有 10 个第一个结果),但是正在调用 API,我可以在“网络”选项卡中看到结果。我认为这与 Observables 有关。任何帮助将不胜感激。

零件

html

服务

0 投票
1 回答
974 浏览

javascript - 如何使用 Angular 获取 ngx-pagination 中的最后一个页码

我们如何在 ngx-pagination 中使用自定义模板,并在单击时使第一个和最后一个按钮工作,我使用 pagination-template 来实现相同的...

如何动态找到最后一个页码?

0 投票
0 回答
530 浏览

json - 过滤数据后,ngx-pagination 未更新

我在我的 JSON 数据上使用自定义过滤器和 ngx-pagination。这里的问题是当我过滤数据时,我的分页控件没有更新,即使数据不可用,仍然显示旧页面大小并允许分页。请建议。

现在,它有 21 个结果,没有应用任何过滤器 现在,它有 21 个结果,没有应用任何过滤器

现在,我应用了过滤器 n 现在它只显示 1 条记录,但分页仍然显示 5 页(考虑到每页大小 5 页)。

在此处输入图像描述

表过滤器.pipe.ts

app.component.html

0 投票
1 回答
73 浏览

angular - ngx-pagination 对 firestore 收集有效吗?

我在 Angular+Firestore 应用程序网络中工作,我最近需要从 Firestore 的集合中对一些文档进行分页。我使用 ngx-pagination 并且效果很好。我在客户端使用它,而不是在服务器中。

我的问题是我的实际集合很短,但是如果一个很大(非常大),ngx-pagination 会继续有效地对 Firestore 集合进行分页吗?

一个更精确的问题:ngx-pagination 加载来自 firestore 集合的所有数据,还是在必要时对其进行分页显示?

谢谢。

0 投票
4 回答
4934 浏览

html - 错误:找不到管道“分页”!在 Angular 11 中使用 Ngx 分页

我正在使用 angular 11 并尝试实现分页

HTML

app.module.ts

......

订单组件

项目编译正常

那么为什么会发生这个错误呢?我只想要基本的分页而不是自定义的分页。Angular 11 是否存在兼容性问题?

0 投票
4 回答
572 浏览

angular - 与 ngx-pagination 一起使用时,ngFor 索引重置为 0

rawDataListDup项目视为300。在上面的代码idx值重置为 0,当我转到表中的下一页时。

考虑rawDataListDupas的当前索引100。在控制台中,我得到idx = 0而不是idx = 100何时调用函数AssigneeChange。当我在page = 2桌子上时会发生这种情况。每页将有 100 个项目。

如何解决这个问题呢?

0 投票
1 回答
277 浏览

angular - 如何使用 jsPDF 呈现多个分页结果(HTML 到 PDF)

我正在尝试打印多个 jsPDF.HTML(...) 的结果。它们中的每一个都在同一 div 内的列表的不同分页中运行。该 div 的 PDF 转换多次显示第一页,即使我可以在执行每个 jsPDF.HTML(...) 之前在 UI 中看到其中的项目发生变化。

是否有解决方案或至少解释为什么会发生这种情况?

日志顺序:

在此处输入图像描述

0 投票
1 回答
32 浏览

angular - 使用角度切换页面后页码自动重置1

我不知道为什么在我将页面从 1 更改为 2 后 bookParams 中的 pageNumber 会自动重置为 1。

BookParams.ts

在此处输入图像描述

点击更改页面后的图片

在此处输入图像描述

0 投票
0 回答
195 浏览

angular - 分页控件 itemsPerPage 不起作用

嗨,我使用 angular 和 ngrx。我用ngrx制作动态表。如果数组中有 10 个数据,我想每页显示 2 个项目。当我访问组件时,调用服务器并获取 2 个项目。然后如果我单击下一步按钮,它将调用服务器以获取新的 2 个项目。但是在我的代码中,当我再获得 2 个新项目时,组件会在第二页显示 4 个项目。如果我点击最后一页,这意味着我得到了所有 10 的数据,分页运行良好。我不知道是什么问题

Image.component.html

Image.component.ts

Image.reducer.ts

图像效果.ts