我正在尝试写一个类似的小无限滚动到这里找到的:http://jsfiddle.net/vojtajina/U7Bz9/
我已经能够显示前5个数据,但是在滚动时,其他项目没有显示.
HTML:
<div id="fixed" directive-when-scrolled="loadMore()">
<ul>
<li ng-repeat="i in items | limitTo: 5">{{ i.Title }}</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
JS:
var app = angular.module('app', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.items = [
{
"Title":"Home"
},
{
"Title":"Contact"
},
{
"Title":"Help"
},
{
"Title":"About"
},
{
"Title":"Our Offices"
},
{
"Title":"Our Locations"
},
{
"Title":"Meet the Team"
}
,
{
"Title":"Our Mission"
},
{
"Title":"Join Us"
},
{
"Title":"Conferences"
},
{
"Title":"Tables"
},
{
"Title":"Chairs"
}
]; …Run Code Online (Sandbox Code Playgroud) infinite-scroll angularjs angularjs-directive angularjs-ng-repeat