アングル2材質ページめがね現在のページインデックスを取得

Question

アーク2の材質設計を使用しています。私のアプリケーションに材質設計ページを使用して、コンポーネントの現在の選択ページインデックスを取得します。ページネータのplugin.hereのための多くのドキュメントは、材料のページネータページがありません：https://material.angular.io/components/paginator/overview

HTMLコード

<md-paginator [length]="100" 
       [pageSize]="10" 
       [pageSizeOptions]="[5, 10, 25, 100]"> 
</md-paginator> 

角度2コード

@Component({ 
    selector: 'paginator-overview-example', 
    templateUrl: 'paginator-overview-example.html', 
}) 
export class PaginatorOverviewExample { 
    //I want to get page change event here 
} 

Answer 1

あなたが現在を得ることができますpage出力イベントを使用してページインデックスを返します。 $eventpageから復帰3件の情報：

• pageIndexパラメータ
• のpageSize
• 長

HTML：

<md-paginator [length]="length" 
       [pageSize]="pageSize" 
       [pageSizeOptions]="pageSizeOptions" 
       (page)="onPaginateChange($event)"> 
</md-paginator> 

TS：

onPaginateChange(event){ 
    alert(JSON.stringify("Current page index: " + event.pageIndex)); 
    } 

Plunker demo