问题标签 [ngx-pagination]

如果我将 ngx-paginator 添加到 mat table，我将面临这个问题。请帮帮我。

在 ts 文件中

我想在材料表中添加 ngx-pagination。这是 stackblitz 链接。 https://stackblitz.com/edit/angular-kameb5?file=src%2Fapp%2Fapp.component.html

另外，我面临的问题是，如果我要声明

为了实现切片，我无法通过功能实现搜索和过滤。那么是否可以在不向任何数据源声明数据源的情况下对表进行填充。

我正在使用ngx-pagination并尝试为我的分页添加一些样式，但我做不到。我试图通过 ngx-template 和 through 进行分页pagination-control，但这是不可能的。

我想更改“返回”和“下一步”按钮，并给分页一个特定的样式。我已经看到，通过pagination-control它是不可能的，但是通过pagination-template.

我有以下代码：

但我明白了：

我没有错误，但它不起作用。在第二个div中，我更改currentPage: p了 for currentPage: p.getCurrent()，因为我收到了这个错误：

作为p的值如下：p: number = 1;

我的组件如下：

如何设置分页样式？

当我从标题中选中复选框时，它会选择所有总记录（分页中的所有页面），但我只想选择当前页面数据。

例如：我在第 1 页有 10 条记录，那么它应该从当前页面中只选择 10 条记录，但它会从网格中选择所有记录。

我正在使用 Angular 11 和 ngx 分页。

.ts文件代码：

.html文件代码：

我正在构建一个页面，该页面具有来自数据库的动态选项卡，并且每个选项卡都有一个分页（我使用分页控件）。当我选择一个选项卡时，我收到此错误：

ERROR 错误：NG0100：ExpressionChangedAfterItHasBeenCheckedError：表达式在检查后已更改。以前的值：'12'。当前值：'9'.. 在https://angular.io/errors/NG0100 at throwErrorIfNoChangesMode (core.js:6792) 中查找更多信息

如何使用分页控件创建动态选项卡？

我的完整代码

home.html（父级）

tab.component.ts（子 1）

tabs.component.html

怎么了？

对于添加 5 条记录后的表分页，我应该得到分页，我使用的是 ngx-pagination。我怎样才能做到这一点？

添加5条记录后，我应该得到分页列

我尝试在 mat-table 中实现自定义分页，但是在使用上一个和下一个按钮导航时出现错误。使用页码的导航也无法正常工作。下一页按钮工作正常，但上一个按钮和页码不起作用。这是我的分页器的 HTML 代码片段。

这是我正在尝试构建的css代码：

这是我用来分页到其他页面的分页函数的 ts 代码。

尝试对基于 div 类或每个 div 的任何唯一标识符的分页。因此，我使用了 ngx-pagination，但它不起作用，只有当我们使用 ngFor 时它才起作用，但它应该在没有 ngFor 的情况下起作用，但它不起作用。那么该怎么做呢？

app.component.html：

演示：https ://stackblitz.com/edit/angular-simple-pagination-vsajsa?file=src%2Fapp%2Fapp.component.html

在我的应用程序中，我使用 isotope-layout npm 模块作为过滤器选项（https://www.npmjs.com/package/isotope-layout）用于分页 ngx-pagination （https://www.npmjs.com/package/ ngx-分页）。但它不能正常工作过滤器选项和分页。我没有收到任何错误，但它不起作用。我不知道如何找到问题所在。如果有人知道，请查看我的演示并帮助我解决此问题。

app.component.html：

app.component.ts：

演示：https ://stackblitz.com/edit/angular-igbxou?file=src%2Fapp%2Fapp.component.ts

我已经使用 ngxpagination 为我的汽车列表创建了分页。它也很好用。但不幸的是，我的“npm 测试”失败并显示以下错误消息。

HTML：

模块：

错误：

谁能告诉我为什么我的测试失败了？

更新 1

这是我的测试课，因为分页，我没有改变课堂上的任何内容。我也不确定如何正确测试分页。

更新 2：