title: $scope is not updated in AngularJS
body: <p>I have integrated pagination and sorting in my AngularJS project. I want to show the data according to page per item using user's choice. When I integrate this thing I got problem of updating the scope variable. Here is my code:</p>
  
  <pre><code>&lt;div dir-paginate="partners in partnersData|orderBy:orderByField:reverseSort |filter:{name: partners.name, website: partners.website, location: partners.location}|itemsPerPage: limitData as filteredArray" current-page="currentPage"&gt;
            &lt;div class="rowDiv"&gt;
              &lt;div class="cellDiv"&gt;&lt;span   ng-click="makeFavourite(partners)" class="star_rating" ng-class="{'select':partners.select}"&gt;&lt;/span&gt; &lt;span ng-click="showImage($index)"&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="cellDiv" ng-click="showName($index)"&gt;{{partners.name}}&lt;/div&gt;
              &lt;div class="cellDiv" ng-click="openWebsite(partners.website)"&gt;{{partners.website}}&lt;/div&gt;
              &lt;div class="cellDiv"&gt;{{partners.location}}&lt;/div&gt;
              &lt;div class="cellDiv"&gt;{{partners.service}}&lt;/div&gt;
              &lt;div class="cellDiv"&gt;{{partners.connection}}&lt;/div&gt;
              &lt;div class="cellDiv"&gt;{{partners.action}}&lt;/div&gt;
              &lt;div class="cellDiv lastCell"&gt;&lt;span class="icon_pluse" ng-click="openPlus($index)"&gt;&lt;/span&gt;&lt;span class="icon_info" ng-click="openInfo($index)"&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have include the file for pagination and for item per page:</p>
  
  <pre><code>&lt;dir-pagination-controls boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="templates/dashboard/dirPagination.tpl.html"&gt;&lt;/dir-pagination-controls&gt;
  </code></pre>
  
  <p>This is the dirPagination.tpl.html file:</p>
  
  <pre><code>&lt;select class="filterSelect"  ng-options="limits.value as limits.value for limits in availableLimits" ng-model="limits"  ng-change="selectLimit()"&gt;
                          &lt;!--&lt;option style="display:none" value=""&gt;Select&lt;/option&gt;--&gt;
                      &lt;/select&gt;
  </code></pre>
  
  <p>Controller code:</p>
  
  <pre><code>    $scope.currentPage = 1;
      $scope.limitData = 1;               
      $scope.selectLimit = function () 
      {
           //console.log($scope.limits);
           var limits = $scope.limits
           $scope.limitData = limits;
      };
  </code></pre>