angular 2材料paginator获取当前页面索引

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输出事件。所述$event从page返回三种信息：

• 的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