angular-material2,在提交表单时将paginator的pageIndex设置为0不更新视图

时间:2017-08-03 02:10:00

标签: angular angular-material2

步骤:

  1. 输入关键字并提交表单。获取数据时,paginator会显示第一页1-10 of 400

  2. 转到第2页,paginator显示11-20 of 400

  3. 使用相同的关键字再次提交表单,这意味着输入不会更改。

  4. 我希望paginator回到初始状态,这意味着应该显示1-10 of NaN所以我设置paginator.pageIndex = 0

  5. 我控制paginator组件实例,发现pageIndex属性已设置为0paginator的视图仍显示11-20 of 400

  6. TS:

    public onSubmit(): void {
      const firstPage: number = this.pageIndex + 1;
      this.paginator.pageIndex = 0;
      console.log(this.paginator)
      this.diseaseDataBase.getDiseasesByPage(this.keyword, firstPage);
    }
    

    HTML:

    <md-paginator
      (page)="onPageChange($event)"
      [length]="diseaseDataBase.total"
      [pageIndex]="0"
      [pageSize]="10"
      [pageSizeOptions]="pageSizeOptions"
    >
    </md-paginator>
    

0 个答案:

没有答案