ionic滚动监听

ionic使用angular实现滚动监听，angular滚动监听

环境：ionic3、angular4

以下是代码案例（此案例实现content部分的滚动监听）：

import { Component,ViewChild } from '@angular/core';
import { NavController,ViewController,Content } from 'ionic-angular';
import {StorageProvider} from "../../providers/storage/storage";
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  @ViewChild(Content) content:Content;
  constructor(public navCtrl: NavController,public view:ViewController,public sp:StorageProvider) {

  }
  ionViewDidLoad(){
    this.scrollListener();//调用监听方法
  }
  scrollListener(){
    /**
     * 开启滚动监听
     */
    this.content.ionScroll.subscribe(($event: any) => {
      console.log($event.scrollTop);
    });
  }
}

这样子就可以实现ionic和angular配合滚动监听了，具体的实现根据自己的业务来实现