角2ページネーションが機能しない

Question

https://github.com/mariuszfoltak/angular2-datatable/blob/master/README.mdからangle2-datatableをアプリケーションに実装しようとしています。しかし何らかの理由でrowsOnPageは私が割り当てた番号を取っていません。

私がページにshow 5 recordsと言うと、それはすべてのレコードを表示します。私は何が欠けているのか分からない。誰かがそれを解決するのを助けてくれますか？

<table class="table table-striped table-hover" [mfData]="products | SearchPipe : searchText" #mf="mfDataTable" [mfRowsOnPage]="5"> 
 
    <thead> 
 
    <tr> 
 
     <th> 
 
     <mfDefaultSorter by="gt">GT</mfDefaultSorter> 
 
     </th> 
 
     <th> 
 
     <mfDefaultSorter by="name_e">Name E</mfDefaultSorter> 
 
     </th> 
 
     <th class="no-sort hidden-sm-down"> 
 
     <mfDefaultSorter by="name_z">Name Z</mfDefaultSorter> 
 
     </th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr *ngFor="let product of products | SearchPipe : searchText"> 
 
     <td><a [routerLink]="['/app/master/products',product.gtin]">{{product.gt}}</a></td> 
 
     <td>{{product.name_e}}</td> 
 
     <td>{{product.name_z}}</td> 
 
     <td> 
 
     <a class="btn btn-primary" [routerLink]="['/app/master/productEdit', product.gt]"> 
 
           Edit 
 
          </a> 
 
     </td> 
 
    </tr> 
 
    <tr *ngIf="!products.length"> 
 
     <td>&nbsp;</td> 
 
     <td colspan="6">No Records Found</td> 
 
    </tr> 
 
    <tr *ngIf="(products | SearchPipe : searchText).length === 0"> 
 
     <td>&nbsp;</td> 
 
     <td colspan="6">No matches</td> 
 
    </tr> 
 
    </tbody> 
 
    <tfoot> 
 
    <tr> 
 
     <td colspan="12"> 
 
     <mfBootstrapPaginator [rowsOnPageSet]="[5, 10, 15]"></mfBootstrapPaginator> 
 
     </td> 
 
    </tr> 
 
    </tfoot> 
 
</table>

Answer 1

私はあなたがあなたのngForを変更する必要があると思います。公式の例では、彼らは

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

を使用しているしかし、あなたはあなたのコメントdemo from documentation