title: Pagination not working when using a named instance of controller in ng-repeat
body: <p>i have a strange problem with pagination.</p>
  
  <p>I have an ng-controller getting data from JSON array populated by Web Service collecting date from database.
  When i add a new elemnt in database and update JSON data, i don't see this update reflected on the view. To avoid this i had to refer the JSON array by named controller. Now i see the view updated after the db update and JSON data refresh, but pagination is not working anymore, i see all the data expanded without any pagination (before i had 5 items per page).</p>
  
  <p>I'm using blur admin template, based on bootstrap.</p>
  
  <p>This is my html code, i had to introduce "BPC" as prefix for my list of data "ServiceCallList".</p>
  
  <pre><code>&lt;tr ng-repeat="item in BPC.ServiceCallList"&gt;
          &lt;td class="table-id"&gt;{{item.callID}}&lt;/td&gt;
          &lt;td class="table-id"&gt;{{item.subject}}&lt;/td&gt;
          &lt;!--&lt;td class="table-id"&gt;{{item.customer}}&lt;/td&gt;
          &lt;td class="table-id"&gt;{{item.custmrName}}&lt;/td&gt;--&gt;
          &lt;td class="table-id"&gt;{{item.itemCode}}&lt;/td&gt;
          &lt;!--&lt;td class="table-id"&gt;{{item.itemName}}&lt;/td&gt;--&gt;
          &lt;td class="table-id"&gt;{{item.internalSN}}&lt;/td&gt;
          &lt;!--&lt;td class="table-id"&gt;{{item.manufSN}}&lt;/td&gt;--&gt;
          &lt;!--&lt;td class="table-id"&gt;{{item.contractID}}&lt;/td&gt;--&gt;
          &lt;td class="table-id"&gt;{{item.createDate | date:'dd-MM-yyyy'}}&lt;/td&gt;
          &lt;td class="table-id"&gt;{{item.AssignDate | date:'dd-MM-yyyy'}}&lt;/td&gt;
  
          &lt;!--data-toggle="modal" ng-click="open('app/pages/ui/modals/modalTemplates/basicModal.html', 'md')"--&gt;
          &lt;!--&lt;td class="table-id"&gt;&lt;button class="status-button btn btn-xs btn-info" ui-sref="servicecall({callID: item.callID, isNew: false})"&gt;INFO&lt;/button&gt;&lt;/td&gt;--&gt;
          &lt;td class="table-id"&gt;&lt;button class="status-button btn btn-xs btn-info" data-toggle="modal" ng-click="showmodal(item)"&gt;VIEW&lt;/button&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tfoot&gt;
          &lt;tr&gt;
              &lt;td colspan="11" class="text-center"&gt;
                  &lt;!--&lt;pagination items-per-page="BPC.pageSize" ng-model="BPC.currentPage" max-size="5" class="pagination-sm"&gt;&lt;/pagination&gt;--&gt;
                      &lt;div st-pagination="" st-items-by-page="5" st-displayed-pages="5"&gt;&lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tfoot&gt;
  </code></pre>
  
  <p>In my controller I had to do this</p>
  
  <pre><code>var BPC = this;
  BPC.ServiceCallList = [];
  </code></pre>
  
  <p>And my function to load ServiceCallList is this</p>
  
  <pre><code>// Carica chiamate di servizio per il cliente selezionato
      loadGenericList($scope.CardCode, 'SERVICECALLS', $scope.docType).then(
          function (response) {
              $scope.dataLoading = true;
              $scope.documentsData = response;
  
              angular.forEach($scope.documentsData, function (value) {
                  BPC.ServiceCallList.push(value);
              });                
          }         
      );
  </code></pre>
  
  <p>I think that could be something related to the scope, but cant' figure out what could be.</p>
  
  <p>Thanks for any help.</p>