多个NGX分页错误角2

我使用2角为我的项目之一，我使用NGX-分页为我的拼版页面的桌子。结构是这样的多个NGX分页错误角2

parent->child1=table1 
     child2-table-2 
     child-table-3 
     child4-table-4

每个孩子调用它自己的休息请求，并填充table.I已经使用的子组件在父如下

<div class="thirteen wide column" name="leave" id="leaveApproval"> 
 
    <div class="ui extended segment"> 
 
     <app-leave-approval></app-leave-approval> 
 
     <div #leaveApproval></div> 
 
    </div> 
 
</div> 
 
<div class="thirteen wide right floated column" #timesheetApproval name="timesheet" id="timesheetApproval"> 
 
    <div class="ui extended segment"> 
 
     <app-timesheetapproval></app-timesheetapproval> 
 
    </div> 
 
</div> 
 

 
<div class="thirteen wide right floated column" #resourceApproval name="resource" id="resourceApproval"> 
 
    <div class="ui extended segment"> 
 
     <app-resource-approval></app-resource-approval> 
 

 
    </div> 
 
    <div></div> 
 
</div>

等

和在每个子组件我已经使用NGX-分页作为

<tr *ngFor="let data of exitProcessPendingList | paginate: { itemsPerPage: 7, currentPage: pgNumber};let i=index"> 

<pagination-controls (pageChange)="pgNumber = $event"></pagination-controls>

和每个子具有用于PAGENUMBER唯一变量;

现在问题我面临的是，当我试图改变一个表的页面数量，它影响其他子表作为well.If我点击第一个表的页面2，所有其他表改变自己当前页面到页面2.我做错了什么？我在做什么有什么错误？

来源

2017-08-09 Vikhyath Maiya

在模板中指定的ID解决了我的问题

<pagination-controls id="some_id" (pageChange)="pageChanged($event)" ></pagination-controls>

和

| paginate: { id: 'foo'},

来源

2017-08-09 13:00:27

多个NGX分页错误角2

回答

相关问题