Angular 第9页中的分页问题
我在一个页面中有3个块。我已经在所有3个块上实现了分页 问题:当我尝试导航到第一个块中的另一个页面时,如第一个块中的3,3在所有3个块中都会突出显示。无论第2和第3区块中的3是否为有效数字。但是,在每个块中显示的数据中没有变化Angular 第9页中的分页问题,angular,ngfor,Angular,Ngfor,我在一个页面中有3个块。我已经在所有3个块上实现了分页 问题:当我尝试导航到第一个块中的另一个页面时,如第一个块中的3,3在所有3个块中都会突出显示。无论第2和第3区块中的3是否为有效数字。但是,在每个块中显示的数据中没有变化 我在实现分页时使用了ngFor。问题似乎是ngFor。 没有代码,我只能猜测你做了什么。 请在这里发布您的代码,以便我们更好地了解您所做的事情。 一般来说,不应该使用nngFor进行分页。 以下是一个使用示例: 从'@angular/core'导入{Component}
我在实现分页时使用了
ngFor
。问题似乎是ngFor。
没有代码,我只能猜测你做了什么。
请在这里发布您的代码,以便我们更好地了解您所做的事情。
一般来说,不应该使用nngFor进行分页。
以下是一个使用示例:
从'@angular/core'导入{Component};
从'@angular/material/paginator'导入{PageEvent};
/**
*@title可配置分页器
*/
@组成部分({
选择器:“分页器可配置示例”,
templateUrl:“paginator可配置示例.html”,
样式URL:['paginator-configurable-example.css'],
})
导出类PaginatorConfigurableExample{
//MatPaginator输入
长度=100;
页面大小=10;
页面大小选项:数字[]=[5,10,25,100];
//MatPaginator输出
pageEvent:pageEvent;
setPageSizeOptions(setPageSizeOptions输入:字符串){
如果(设置页面大小选项输入){
this.pageSizeOptions=setPageSizeOptionsInput.split(',).map(str=>+str);
}
}
}
.mat表单字段{
右边距:12px;
}
列表长度
页面大小
页面大小选项
页面更改事件属性
列表长度:{{pageEvent.length}
页面大小:{{pageEvent.pageSize}
页面索引:{{pageEvent.pageIndex}
我为每个块创建了单独的html文件。请查找下面其中一个块的代码片段:{{jlist.ID}{{jlist.role.label}{{jlist.managementLevelGroup.name}}{{jlist.AccountStatus}}您可以发布TS文件吗?