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/