AngularJS using $index with ng-repeat.

HTML

<div ng-app="myApp" ng-controller="MainCtrl">
    <ul>
        <li ng-repeat="page in pages" ng-show="$index > 8">
            <a ng-class="{ testClass: $index == pageNumber }" ng-click="setPageNumber($index)">{{ page }}</a>
        </li>
    </ul>
</div>

CSS

.testClass {
    background: black;
    color: white;
}

JavaScript

var app = angular.module('myApp', []);

app.controller('MainCtrl', function($scope) {
    $scope.pages = [
        'Page Onesssssss',
        'Page Two',
        'Page Three'
    ];
    
    $scope.pageNumber = 0;
    $scope.setPageNumber = function(index) {
        $scope.pageNumber = index;
    }
});