Ionic Infinte Scroll

In Inonic4 ("@ionic/angular": “^4.1.0”, and “@angular/cli”: “~7.3.8”), (ionInfinite)=“loadData($event)” is not triggering. Not able to catch the event in ts file.

In HTML:

<ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

In ts:
loadData(event){
console.log(event);
}