在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

似乎它在离子1中起作用，但在离子3中不起作用？我尚未在离子文档中找到任何事件描述。是否可以捕获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
  }
}