相关疑难解决方法(0)

AngularJS - 一个简单的无限滚动

我正在尝试写一个类似的小无限滚动到这里找到的: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

4
推荐指数
1
解决办法
4658
查看次数