Simple Angular Directive Infinite Scroll

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js" type="text/javascript"></script>
    <script src="script.js"></script>
  </head>

<body ng-app="testApp" ng-controller="MainCtrl">
  <div class="items" infinity-scroll="loadMore(limit)">
    <div ng-repeat="item in items" style="border:1px solid #000; padding:20px;">
      <span ng-bind="item.name"></span>
    </div>
  </div>

</body>

</html>

var testApp = angular.module('testApp', [])
.controller('MainCtrl', function(