Angulaire 2 faire défiler vers le haut après le chargement

Question

J'ajoute un chargement tout en obtenant une donnée. Et dans ma liste, il y a la pagination et la taille de la page. Donc, mon problème est que chaque fois que j'ai essayé de changer la taille de la page et de passer à d'autres pages juste après le chargement, il ne bouge pas défiler vers le haut. J'ai déjà ajouté this.document.body.scrollTop = 0; après mon chargement mais cela ne fonctionne pas.

Ce sont mon code à obtenir une donnée: 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

Essayez comme ceci:

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; 

ajouter à l'intérieur abonner

this.content.scrollToTop();

Référence; http://ionicframework.com/docs/api/components/content/Content/