title: How to use UI Bootstrap Pagination for a table, generated using ng-repeat
body: <p>I am trying to keep pagination in my Angular application using <code>uib-pagination</code>. I am unable to get proper way to do this.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;table id="mytable" class="table table-striped"&gt;
    &lt;thead&gt;
      &lt;tr class="table-head"&gt;
        &lt;th&gt;Name&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr ng-repeat="person in aCandidates"&gt;
        &lt;th&gt;
          &lt;div&gt;{{person}}&lt;/div&gt;
        &lt;/th&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Controller</p>
  
  <pre><code>$scope.totalItems = $scope.aCandidates.length;
  $scope.currentPage = 1;
  $scope.itemsPerPage = 10;
  </code></pre>
  
  <p>I am able to see the pagination bar but no action is performed with that and the entire table data is rendered even after giving total-items as 10.</p>
  
  <p>How exactly uib-pagination works and how is the data (in this case <code>aCandidates</code>) is linked to pagination.</p>