点击mat-paginator后如何滚动页面?

时间:2018-02-20 15:35:48

标签: angular angular-material2

点击mat-paginator组件后,我需要向上滚动页面。我之前使用自定义服务,如下所示:

function _window(): any {
  return window;
}

export class WindowService {
  get nativeWindow(): any {
    return _window();
  }
}

并在组件

上使用它
constructor(private winRef: WindowService) {}
...
this.winRef.nativeWindow.scrollTo(0, 0);

但是当我开始使用材料组件时,这不起作用。 所以,在我目前的HTML上,我有下一个代码:

<mat-paginator [length]="totalCount"
                 pageSize="10"
                 (page)="pageEvent = $event"
                 (click)="onPaginator()">
  </mat-paginator>

在.ts上有下一个功能:

 onPaginator() {
    this.winRef.nativeWindow.scrollTo(0, 0);
  }

但页面不向上滚动。 那么,点击paginator后如何实现向上滚动页面呢?

0 个答案:

没有答案