コードを変更した後、ページのインデックスが変更されないのはなぜですか？

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

最新のマテリアル2バージョンは使用していません。

2.0.0-beta.10より下のバージョンの場合は、bugです。それで少なくともその1つに更新してください。

その後、この作業をする必要があります：最新素材のバージョンで

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> 

をmat-

で MatPaginator、すべてのHTML md-で MdPaginatorを置き換えます