1

我有多个分页ng-for。对于多个实例，我使用变量 fromng-for来重复分页，但是 (pagechange) 事件正在改变数据。当我在子分页中更改页面时，它正在更改数据（first_name）。我有一个重现的问题stackBlitz

我也尝试过使用索引，但它的主要分页令人不安。

<ul>
    <div *ngFor="let item of collection | paginate: {itemsPerPage:3, currentPage: page,id: mainPagination}; let i = index;">
        <div class="user">
            {{ i + 1 }}. {{ item.first_name }} 
            <!-- <br>Child Pagination -->
            <div class="childPagination" *ngFor="let address of item.address | paginate: {itemsPerPage:3, currentPage: item['first_name'],id: item['first_name']}" style="background-color:#18bc9c"> 
                {{ address.friend }}
            </div>
            <pagination-controls (pageChange)="item['first_name']= $event" [id]= "item['first_name']" class="my-pagination"></pagination-controls>
        </div>
    </div>
</ul>
<pagination-controls (pageChange)="page = $event" [id]= "mainPagination" class="my-pagination"></pagination-controls>
4

1 回答 1

1

它来自您孩子的 pageChange 事件。您正在尝试为您的项目['first_name']（实际上是第 2 页）分配页码。

<pagination-controls (pageChange)="item['first_name']= $event" [id]= "item['first_name']" class="my-pagination"></pagination-controls>

pageChange是一个发出页码的事件。

我认为您可以找到一种方法来使用您从文档https://www.npmjs.com/package/ngx-pagination从孩子那里获得的页码获取页面数据。

于 2019-06-19T07:31:23.683 回答