Ion-Spinner not working on Infinite-Scroll when using ng-if

Ionic Framework ionic-v3
1

Hello,

The issue is this:

when I put a condition for Infinite-Scroll the spinner and the text that shows loading … is not showing. When I remove the condition, everything works perfectly. The issue also, that is the condition is needed as when all posts have retrieved no need to call the endpoint for nothing.

this is not working

<ion-infinite-scroll (ionInfinite)="loadMore($event)" *ngIf="page < totalPage">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="تحميل المزيد من الأخبار..."></ion-infinite-scroll-content>
  </ion-infinite-scroll>

this is working

<ion-infinite-scroll (ionInfinite)="loadMore($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="تحميل المزيد من الأخبار..."></ion-infinite-scroll-content>
  </ion-infinite-scroll>