Angular 2在加载后滚动到顶部

Question

我在获取数据时添加加载。在我的视图列表中有分页和页面大小。所以我的问题是，每当我尝试更改页面大小并在加载后立即移动到其他页面时，它都不会移动到顶部。我在加载后已经添加了this.document.body.scrollTop = 0;，但它不起作用。

这些都是我在得到数据代码： getProducts() { this.productService .getProducts(this.args) .subscribe( data => { this.data = data; this.loadingService.hide(); this.document.body.scrollTop = 0; }, (error) => console.log(error); }
); }

Answer 1

尝试这样的：

component.html

<button class="btn btn-info" (click)="goTop()">goTop</button> 

component.ts

import { Component, Inject } from '@angular/core'; 
import { DOCUMENT } from '@angular/platform-browser'; 

export class Component { 
    constructor(
     @Inject(DOCUMENT) private document: Document 
    ) {} 
    goTop() { 
     this.document.body.scrollTop = 0; 
    } 
} 

Answer 2

import { Component, ViewChild } from '@angular/core'; 
    import { Content } from 'ionic-angular'; 

    @Component({...}) 
    export class MyPage{ 
     @ViewChild(Content) content: Content; 

添加到内部订阅

this.content.scrollToTop（）;

退缩; http://ionicframework.com/docs/api/components/content/Content/