設置並獲取angular2-datatable的活動頁面

我是Angular 2的新手。目前我有一個使用angular2-datatable - > DataTableModule實現的表。設置並獲取angular2-datatable的活動頁面

我在顯示錶的代碼如下所示：

<table id="questionList" class="table table-striped" [mfData]="_question.questionList" #mf="mfDataTable" [mfRowsOnPage]="5" 
     [mfActivePage]="activePage" (onPageChange)="onPageChange($event)"> 
     <thead>  
      ...... 
     </thead> 
     <tbody> 
      ...... 
     </tbody> 
     <tfoot> 
     <tr> 
      <td colspan="4"> 
       <mfBootstrapPaginator [rowsOnPageSet]="[5,10,25]"></mfBootstrapPaginator> 
      </td> 
     </tr> 
     </tfoot> 
    </table>

在我的.ts文件我有一個變量「activePage：數= 2」因此，我希望在我的數據列表的第二個選項卡會被顯示。但可悲的是，它沒有奏效。 Evertime我運行程序，它總是顯示前五項，而不是我桌子上的6-10項。

我也想跟蹤正在訪問的最後一個活動頁面。所以我把（mfOnPageChange）=「onPageChange（$ event）」。但我的.ts文件中的代碼永遠不會被調用。

onPageChange(event) { 
    console.log("ON page change"); 
    this.activePage = event.activePage; 
}

那麼，什麼是真正的設置和獲取在angular2-DataTable中的activePage的最佳方式 - > DataTableModule。

感謝

來源

2017-10-16 user1120260

-1

確保您的循環結束mf.data

<tr *ngFor="#item of mf.data">

這裏有

一個 plunk working

來源

2017-10-16 08:13:24 Eliseo

設置並獲取angular2-datatable的活動頁面

回答

相關問題