javascript - ngInfiniteScroll - スクロールはすぐに関数を呼び出します - なぜですか?

Question

他のページで動作しているのに、同じ html が動作しない理由を理解するのに苦労しています。ページの下部に到達したときにスクロールで関数を呼び出そうとしていますが、そのようには機能しません。少しスクロールすると、API 関数の呼び出しが表示されます。

        <div class="search_filter_wrape tss_accordion_wrapper" infinite-scroll='jobPosting.loadMoreData()'
         infinite-scroll-disabled='jobPosting.paused()'>
       <div ng-repeat="jobPanel in jobPosting.jobs">
           <h1 style="color:red">Hi</h1>
       </div>
    </div>

controller.js

jobPosting.loadingData = false;

 function loadMoreData() {

 if(jobPosting.loadingData) return;
 jobPosting.loadingData = true;

  api{
     // .......
     jobPosting.loadingData = false
     }
    }
 function paused() {
        // set this bit before call and after response
        return jobPosting.loadingData;
    }

これで何が問題なのですか？