无法捕捉滚动事件 IONIC V3

Question

我似乎无法从 Ionic 3 中的离子内容中捕捉到滚动事件。 我需要一个 div 元素中的每个滚动，以捕获滚动事件以执行一些相关的计算。

我尝试了几种方法，包括将 EventEmitter (ionScroll) 绑定到 HTML 文件中的方法，或者将 ion-content 声明为 viewchild 并尝试在 ngAfterViewInit() 方法中订阅它，但都没有工作。

我要绑定的方法很简单：

 scrolling(event) {
   console.log(event);
 }

HTML 文件：

<ion-content    style="height: 20000px;" (ionScroll)="scrolling($event)" >
</ion-content>

值得一提的是，这是项目中 home.html 页面中的一个组件。

我做错了什么？

Answer 1

import {Component, ViewChild} from '@angular/core';
import {Content} from 'ionic-angular';
@Component({
     selector: 'page-home',
   templateUrl: 'home.html',
})
export class ProjectPage {
    @ViewChild(Content) content:Content;

    ngAfterViewInit() {
       this.content.addScrollListener((event) =>  {
           //on scroll fire
       });
    }

}