當分頁用於同一頁上的多個引導表

ng2分頁問題我有兩個引導表在同一頁上，一個表在主要組件和其他是在子組件，我用聲明模塊中的服務如下：當分頁用於同一頁上的多個引導表

import { NgModule }  from "@angular/core"; 
import { CommonModule } from "@angular/common"; 
import { CashierRiskProfileComponent } from "./cashierriskprofile.component"; 
import { CashierRiskProfileService } from "./cashierriskprofile.service"; 
import { CashierRiskProfileRouting } from "./cashierriskprofile.routing"; 
import { SharedModule } from "../shared/shared.module"; 
import {PaginationControlsCmp, PaginatePipe, PaginationService} from "ng2-pagination"; 
import { GenericExceptionComponent }  from "../shared/genericcomponents/genericexception.component"; 

@NgModule({ 
    imports: [ 
     CommonModule, 
     SharedModule, 
     CashierRiskProfileRouting 
    ], 
    declarations: [ 
     PaginationControlsCmp, PaginatePipe, CashierRiskProfileComponent, GenericExceptionComponent 
    ], 
    providers: [ 
     PaginationService, CashierRiskProfileService 
    ] 
}) 
export class CashierRiskProfileModule { }

以上CashierRiskProfileComponent是父組件和HTML中使用GenericExceptionComponent選擇是子組件，並均與分頁引導表。這裏的問題是隔離兩個網格之間的分頁，當一個表頁改變時，它也在改變子組件表的頁面，反之亦然。我試圖把paginationControlsCmp，PaginatePipe放在sharedModule中，但沒用。我認爲這需要修復？

我認爲它似乎是與ng2分頁使用Angular 2 RC 6，在RC 5它隔離問題它曾經工作得很好，因爲我曾經使用指令，在各個組件的管道，它只是工作得很好，因爲那裏是共享這種分頁類型的通用模塊，但在RC 6指令中，管道已棄用我不能再在組件中使用它們，但只能在模塊級別使用，導致隔離問題與同一頁上的兩個組件分頁

來源

2016-09-08 Vijender Reddy Chintalapudi

我看不到html代碼，但也許你正在使用相同的當前頁面變量。

<pagination-controls (pageChange)="p2 = $event" id="second"></pagination-controls>

請注意id =「second」和p2 = $ event。

<ul> 
     <li *ngFor="let item of collection | paginate: { id: 'second', itemsPerPage: 10, currentPage: p2 }">{{ item }}</li> 
    </ul>

在這裏，你告訴paginate使用什麼變量。

調節器：http://plnkr.co/edit/9cMKPK6fxHPnKRTaXTEQ?p=preview

來源

2017-05-17 07:46:53

謝謝，它的工作原理。而不僅僅是當前頁面。你必須爲兩者設置唯一的ID，以使其工作。 –

當分頁用於同一頁上的多個引導表

回答

相關問題