javascript - ionic 3 中不可能捕获滚动事件

Question

我想捕获 ionic3 中列表组件的滚动事件，如下例所示:

<ion-content on-scroll = "scrolling()" on-scroll-complete = "scrollComplete()">
  <ion-list>
    <ion-item ng-repeat="item in items" 
              item="item"
              href="#/item/{{item.id}}">
      Item {{ item.id }}
    </ion-item>
  </ion-list>   
</ion-content>      

https://codepen.io/etipirev/pen/aNYNpy?editors=1111

看起来它在 ionic 1 中工作，但在 ionic 3 中不起作用？我在 ionic 文档中没有找到任何事件描述。是否可以捕获 ionic 3 中列表项的滚动？

Answer 1

Ionic2/3 中的语法有所不同。应该是这样的:

<ion-content (ionScroll)="scrolling($event)" (ionScrollEnd)="scrollComplete($event)">
  <ion-list>
   ...
  </ion-list>   
</ion-content> 

然后在你的ts文件中

constructor(){}
  scrolling(event) {
    // your content here for scrolling
  }

  scrollComplete(event) {
    // your content here of scroll is finished
  }
}