AngularJS: Infinite Scrolling

by AndyNeville

HTML

<script src="http://code.angularjs.org/1.0.0rc9/angular-1.0.0rc9.js"></script>
<div id="fixed">
  <ul>
    <li ng-repeat="i in items | orderBy:sortField " ng-class-odd="'odd'" ng-class-even="'even'">{{i.letter}}</li>
  </ul>
  <input type="text" ng-model="inputFilter">
  <button ng-click="sortField='val'">Resort</button>
</div>

CSS

.odd {
    color: red;
}

.even {
    color: green;
}

JavaScript

function Main($scope) {
    $scope.inputFilter = "";
    $scope.sortField = 'letter';
    $scope.items = [{letter:'a',val:1},{letter:'b',val:2},{letter:'a',val:3}];  
    
}

angular.module('scroll', []);