为什么在代码中更改paginator的页面索引不会改变？

Question

HY，我有分页程序：

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

分页程序只能使用UI按钮，但没有代码重新加载页面我不能改变页面的索引。以下作品没有（mdPaginator是在构造函数）：

this.pageIndex = 0; 
this.mdPaginator.pageIndex = 0; 
this.mdPaginator.previousPage(); 

顺便说一句，我在*ngFor周期，而不是表中使用分页程序。

Answer 1

您没有使用最新的Material 2版本。

如果您的版本低于2.0.0-beta.10，那么这是一个bug。所以至少更新一下。

那么，这应该工作：

import { Component, ViewChild } from '@angular/core'; 
import { MdPaginator } from '@angular/material'; 

@Component({ 
    selector: 'my-component', 
}) 
export class MyComponent { 
    @ViewChild('paginator1') paginator1: MdPaginator; 

    myFunction() { 
    this.paginator1.pageIndex = 0; 
    } 

} 

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

<button md-button (click)="myFunction()">Paginate</button> 

在最新的材料版本替换MdPaginator与MatPaginator和所有HTML md-与mat-