JSFiddle - React, Tailwind, and code Playground

by Danish Farman

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<div ng-app="pageApp">
<div ng-controller="pageCtrl" class="well well-small">
    <div pagination total-items="bigTotalItems" page="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true"></div>
</div>
</div>

JavaScript

var PagingModule = angular.module('pageApp', ['ui.bootstrap']);

PagingModule.controller('pageCtrl', function PaginationCtrl($scope) {
  $scope.totalItems = 64;
  $scope.currentPage = 4;
  $scope.maxSize = 5;
  
  $scope.setPage = function (pageNo) {
    $scope.currentPage = pageNo;
  };

  $scope.bigTotalItems = 175;
  $scope.bigCurrentPage = 1;
});