第三者を使用して角2 htmlテーブルのページ番号付けを行う方法

Question

image.iで基本的な詳細をバインドするhtmlテーブルを作成していますが、このテーブルにページ番号を付ける必要があります。どのように角度2で与えることができますか？私は詰め込む

Answer 1

ようNG2-ページネーションを使用したくないここでは、スタイル、ブートストラップ、次のとおりです。

ページネータHTML

 <div class="btn-group"> 
     <button class="btn btn-default" style="color: #337ab7;" [disabled]="tableManager.page === 1" (click)="tableManager.page = 1">&laquo;</button> 
     <button class="btn btn-default" style="color: #337ab7;" [disabled]="tableManager.page === 1" (click)="tableManager.page = tableManager.page === 1 ? 1 : tableManager.page - 1"><</button> 
     <button class="btn btn-default" style="color: #337ab7;">{{tableManager.page}}</button> 
     <button class="btn btn-default" style="color: #337ab7;" [disabled]="tableManager.page >= (tableManager.results.length/tableManager.offset)" (click)="tableManager.page = tableManager.page >= (tableManager.results.length/tableManager.offset) ? tableManager.Math.ceil(tableManager.results.length/tableManager.offset) : tableManager.page + 1">></button> 
     <button class="btn btn-default" style="color: #337ab7;" [disabled]="tableManager.page >= (tableManager.results.length/tableManager.offset)" (click)="tableManager.page = tableManager.Math.ceil(tableManager.results.length/tableManager.offset)">&raquo;</button> 
     </div> 

* ngFor行

<tr *ngFor="let m of tableManager.results.slice((tableManager.page - 1) * tableManager.offset, tableManager.page * tableManager.offset)"> 

コンポーネントオブジェクトtableManager

tableManager = { 
    results: [], 
    page: 1, 
    offset: 10, 
    Math: Math 
}; 

あなたが行う必要があるのは結果プロパティに結果を保存することだけです。