title: Angular UI bootstrap pagination not working inside ui.bootstrap.tabs
body: <p>Angular UI bootstrap gives awesome solutions. Very unfortunately <strong>Pagination</strong> (ui.bootstrap.pagination) does not working inside <strong>Tabs</strong> (ui.bootstrap.tabs) </p>
  
  <p><strong>DEMO</strong> <a href="http://plnkr.co/edit/mLBkDwEVY6SIh5oCyy0K?p=preview" rel="nofollow">http://plnkr.co/edit/mLBkDwEVY6SIh5oCyy0K?p=preview</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('mytodos', ['ui.bootstrap']).controller('TodoController', function($scope) {
    $scope.filteredTodos = [];
    $scope.currentPage = 1;
    $scope.numPerPage = 10;
    $scope.maxSize = 5;
    $scope.todos = [{
      "id": 1,
      "date": "12-Jan-2015",
      "cheque_no": 11111,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 2,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 3,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 4,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 5,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 6,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 7,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 8,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 9,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 10,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 11,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 12,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 13,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 14,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 15,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 16,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 17,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 18,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 19,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 20,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 21,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 22,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 23,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 24,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 25,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 26,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 27,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 28,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 29,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 30,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 31,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 32,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 33,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 34,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 35,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 36,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 37,
      "date": "22-February-2015",
      "cheque_no": 222222,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 38,
      "date": "14-March-2015",
      "cheque_no": 33333,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 39,
      "date": "16-April-2015",
      "cheque_no": 44444,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }, {
      "id": 40,
      "date": "30-May-2015",
      "cheque_no": 55555,
      "withdraw": 126.01,
      "deposit": 236.00,
      "balance": 953.00
    }];
  
    $scope.$watch('currentPage + numPerPage', function() {
      var begin = (($scope.currentPage - 1) * $scope.numPerPage),
        end = begin + $scope.numPerPage;
      $scope.filteredTodos = $scope.todos.slice(begin, end);
    });
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.box {
    border: 1px solid #DDD;
    padding: 10px;
    position: relative;
    background: #FFF;
    margin: 0 0 10px;
  }
  .tab-content &gt; .tab-pane &gt; .box {
    border-top: none;
  }
  .tab-content &gt; .box {
    border-top: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.min.js"&gt;&lt;/script&gt;
  &lt;div ng-app="mytodos" ng-controller="TodoController"&gt;
    &lt;div class="container"&gt;
  
      &lt;tabset&gt;
        &lt;tab&gt;
          &lt;tab-heading&gt;Statement&lt;/tab-heading&gt;
          &lt;div class="box"&gt;
            &lt;h1&gt;Todos&lt;/h1&gt;
            &lt;h4&gt;{{todos.length}} total&lt;/h4&gt;
            &lt;ul&gt;
              &lt;li ng-repeat="todo in filteredTodos"&gt;{{todo.id}} Index: {{$index}}&lt;/li&gt;
            &lt;/ul&gt;
            &lt;pagination ng-model="currentPage" total-items="todos.length" max-size="maxSize" boundary-links="true"&gt;
            &lt;/pagination&gt;
          &lt;/div&gt;
        &lt;/tab&gt;
      &lt;/tabset&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>