Infinite scroll ionic framewrok:Loadmore() called multiple times

I am using ionic infinite scroll to load data from php api service.

The problem is The method defined on the on-infinite property (ie loadmore function) is called multiple times when it reaches the bottom.

Here is my code

<div class="card" ng-repeat="result in results">
<ion-infinite-scroll immediate-check="false" on-infinite="loadMore()" distance="10%" ng-if="!noMoreItemsAvailable"></ion-infinite-scroll>

Here is my controller js


        console.log("Load more item clicked");
   //get data from api service

I will get the console message Load more item clicked multiple times when it reaches the bottom sometimes it become infinite times.
Does anyone know why it is happen?