如果页面没有滚动，如何获得更多项目

我通过无限滚动调用更多项目，但是如果最初加载的项目没有填满屏幕，它将失败，我的意思是在这种情况下：

document.body.scrollHeight == document.body.clientHeight

如果页面具有滚动条，则该指令可以正常工作：

app.directive('infinitescroll', function ($rootScope, $http, $window) {
  return function ($scope, $element) {

    angular.element($window).bind('scroll', function() {
      // 100 pixels gap at the bottom of page for triggering the fetcher 
      clientHeight = html.scrollHeight - 100; 
      scrollHeight = html.scrollTop + document.querySelector('body').clientHeight;
      if (clientHeight <= scrollHeight) {
        fetcher ();
      }
    }); 

    function fetcher () {
      //get the Id of last item >> lastId
      $http.get(app.apiBaseUrl + '/items/' + lastId).then(function (response) {
         // now pushing new items to $scope
      });
    }
  }
});

我可以检查控制器是否

document.body.scrollHeight >= document.body.clientHeight

否则需要更多的项目，但是在控制器中检查scrollheight是一个不好的做法，请告诉我如何在上述指令中进行检查。