title: Ionic infinite scrolling, only scrolls when navigated away and back to page
body: <p>I have a ionic content with a ionic list in it.</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;ion-content&gt;
  &lt;ion-view&gt;
  &lt;ion-list &gt;
  &lt;div class='myCard' ng-repeat="maanta in maanta| limitTo : limit track by $index"&gt;
      &lt;a class='normala' href="#/tab/dash/{{maanta.id}}"&gt;
      &lt;div class='cardHeader item-text-wrap'&gt;
      {{maanta.title}}
      &lt;/div&gt;
      &lt;hr class='divi'&gt;
      &lt;div class='cardDivider item-text-wrap'&gt;
      {{maanta.source}} - {{maanta.pub_date}}
      &lt;/div&gt;
      &lt;hr class='divi'&gt;
      &lt;div class='cardBody item-text-wrap'&gt;
      {{maanta.summery}} 
      &lt;/div&gt;
  &lt;/a&gt;
  &lt;/div&gt;    &lt;/ion-list&gt;
  
      &lt;ion-infinite-scroll ng-if="!noMoreItemsAvailable" on-infinite="loadMore()" distance="1%"&gt;&lt;/ion-infinite-scroll&gt;
  
  &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>Here is my JS:</p>
  
  <pre><code>$scope.limit = 10;
  $scope.loadMore = function() {
      $scope.limit +=10
      if ( $scope.maanta.length &lt;$scope.limit) {
        $scope.noMoreItemsAvailable = true;
      }
      $scope.$broadcast('scroll.infiniteScrollComplete');
    };
  </code></pre>
  
  <p><strong>The problem</strong></p>
  
  <p>When I first land on the page the infinite scrolling doesn't change limit for my ng-repeat. When I navigate away to another page and come back the infinite loop works as expected.</p>