在Angular Js中滚动1次后，无限滚动两次？

<div class="scroll-container" ng-app="myApp" ng-controller="myCtrl">
  <div class="scroll-content" ng-repeat="item in items">
    {{ item }}
  </div>
</div>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
  // 初始数据数组
  $scope.items = ['Item 1', 'Item 2', 'Item 3'];

  // 监听滚动事件
  angular.element('.scroll-container').bind('scroll', function() {
    var scrollContainer = angular.element(this);
    var scrollHeight = scrollContainer[0].scrollHeight;
    var scrollTop = scrollContainer.scrollTop();
    var containerHeight = scrollContainer.height();

    // 判断滚动位置是否到达底部
    if (scrollTop + containerHeight >= scrollHeight) {
      // 在此处执行无限滚动操作
      $scope.$apply(function() {
        // 添加更多数据到items数组
        $scope.items.push('New Item');

        // 可以根据需要执行其他操作
      });
    }
  });
});