在tbody angularjs内滚动

<tbody style="height: 300px; overflow: auto;">
  <tr ng-repeat="item in items">
    <td>{{ item.name }}</td>
    <td>{{ item.age }}</td>
    <!-- 其他列 -->
  </tr>
</tbody>

$scope.items = [];

$http.get('/api/items').then(function(response) {
  $scope.items = response.data;
});

angular.element(document.querySelector('tbody')).bind('scroll', function() {
  if (this.scrollTop + this.offsetHeight >= this.scrollHeight) {
    $scope.loadMoreData();
  }
});

$scope.startIndex = 0;
$scope.endIndex = 10;

$scope.loadMoreData = function() {
  $scope.startIndex += 10;
  $scope.endIndex += 10;

  $http.get('/api/items?start=' + $scope.startIndex + '&end=' + $scope.endIndex).then(function(response) {
    $scope.items = $scope.items.concat(response.data);
  });
};