使用无限滚动指令。
ngInfiniteScroll
HTML
@H_404_13@<div ng-app='myApp' ng-controller='DemoController'> <div infinite-scroll='loadMore()' infinite-scroll-distance='2'> <img ng-repeat='image in images' ng-src='http://placehold.it/225x250&text={{image}}'> </div> </div>JS
@H_404_13@var myApp = angular.module('myApp',['infinite-scroll']); myApp.controller('DemoController',function($scope) { $scope.images = [1,2,3,4,5,6,7,8]; $scope.loadMore = function() { var last = $scope.images[$scope.images.length - 1]; for(var i = 1; i <= 8; i++) { $scope.images.push(last + i); } }; });