var myapp = angular.module('sampleapp', [ ]); myapp.controller('samplecontoller', function ($scope) { $scope.showData = function( ){ $scope.datalists = [ { "name": "Read about angular"}, {"name": "Read about knockout"}, {"name": "Read about backbone"}, {"name": "Read about jquery"}, {"name": "Read about javascript"} ] } });
<div ng-app="sampleapp"> <div ng-controller="samplecontoller" ng-init="showData()"> <ul> <li class="paginationclass" ng-repeat="datalist in datalists" ng-click="clicked=true" ng-class="{active: clicked}"> <div>{{ datalist.name }} </div> </li> </ul> </div> </div>