The ionInfiniteScroll directive, broadcast in main contrller doesn't trigger the directive $on enent

ionInfiniteScroll source code:

      $scope.$on('scroll.infiniteScrollComplete', function() {
        $timeout(function() {
        }, 0, false);
        infiniteScrollCtrl.isLoading = false;

But in my controller, it doesn’t work.

<a href="javascript:;" ng-click="complete()">Manaul Complete</a>
starter.controller('Home', function($scope) {
   $scope.complete = function(){

But the ionInfiniteScroll callback function can work:

        <ion-infinite-scroll ng-if="!noMoreItemsAvailable" on-infinite="onInfiniteScroll()" distance="5%">
$scope.onInfiniteScroll = function() {

Hi @Lagoonwish,

Can you show us the markup for that whole page? Specifically, where is your controller defined.

There are two tab in one page, the ionInfiniteScroll for the init list is Ok, and infiniteScrollCtrl.isLoading will be true when scroll overed, but when I change to the another tab, the infiniteScrollCtrl.isLoading will still be true, So I want to change it to false manuall. But it just can’t do that.

Andy was asking about the code code for that whole page rather than a screenshot. Can you setup a CodePen sample?