Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/scala/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 第9页中的分页问题_Angular_Ngfor - Fatal编程技术网

Angular 第9页中的分页问题

Angular 第9页中的分页问题,angular,ngfor,Angular,Ngfor,我在一个页面中有3个块。我已经在所有3个块上实现了分页 问题:当我尝试导航到第一个块中的另一个页面时,如第一个块中的3,3在所有3个块中都会突出显示。无论第2和第3区块中的3是否为有效数字。但是,在每个块中显示的数据中没有变化 我在实现分页时使用了ngFor。问题似乎是ngFor。 没有代码,我只能猜测你做了什么。 请在这里发布您的代码,以便我们更好地了解您所做的事情。 一般来说,不应该使用nngFor进行分页。 以下是一个使用示例: 从'@angular/core'导入{Component}

我在一个页面中有3个块。我已经在所有3个块上实现了分页

问题:当我尝试导航到第一个块中的另一个页面时,如第一个块中的3,3在所有3个块中都会突出显示。无论第2和第3区块中的3是否为有效数字。但是,在每个块中显示的数据中没有变化


我在实现分页时使用了
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文件吗?