title: How to disable next button in ui bootstrap pagination?
body: <p>I am trying to create pagination in my page and using pagination control. Everything works fine, but only doubt is how to manually disable next button here</p>
  
  <pre><code>&lt;pagination   
      total-items="totalItems" 
      items-per-page= "itemsPerPage"
      ng-model="currentPage" 
      class="pagination-sm"  
      page="currentPage"
      max-size= "maxSize"
      ng-change="pageChanged(currentPage)"&gt;
  &lt;/pagination&gt; 
  </code></pre>
  
  <p>In my controller-</p>
  
  <pre><code>$scope.currentPage=1;
  $scope.itemsPerPage = 5;
  $scope.maxSize = 2;
  $scope.numberofrows =5;
  
   $scope.fetchResult =function(startingId){
                    if(startingId ==undefined){
                        $scope.StartingId = ''; 
                    }
                    else{
                        $scope.StartingId= startingId ; 
                    }
                    Api.customerReq.queryProductbyperiod({ productId : $scope.customerProduct , productperiod :$scope.customerPeriod,startingid: $scope.StartingId,numberofrows:$scope.numberofrows}).$promise.then(function(result) {
                          if(result){
                              if(result&amp;&amp;result.length==0){
                                  // error alert 
                                  }
                              $scope.customerResult = result;
                              if($scope.currentPage==1){
                               $scope.NextStartingId = result[5].id;
                               // on landing page storing last stringId for the next request to cassandra since row num requested as 6.
                              }
                              else{
                              $scope.NextStartingId = result[4].id;  // rest of the page, row num requested as 5.
                              }
  
                      $scope.previousStartingId=$scope.NextStartingId; 
                              if($scope.currentPage== 1){ 
                                  $scope.totalItems= result.length;
                              }
  $scope . pageChanged = function (page) {
      if (page &gt; $scope . count)
      {
          $scope . count ++;
          //  temp = page;
          $scope . nextPage();
      } else
      {
          $scope . count = page;
          $scope . prevPage();
      }
  };
  
                $scope.prevPage = function() {
                    if($scope.currentPage ==1){
                           $scope.previousStartingId = '';
                          }
                    $scope.fetchResult($scope.previousStartingId);
                    if($scope.currentpage&gt;1)
                         $scope.totalItems -=5;
  
                };
               $scope.nextPage = function() {
                   if($scope.currentPage!=1){
                       $scope.numberofrows =5;
  
                   }                               
                   $scope.fetchResult($scope.NextStartingId);
  
                    $scope.totalItems +=5;     
                    };
  </code></pre>
  
  <p>Here calling next and previous page on each pagechange. What I am missing or how to manually disable nextlink? or how datepicker will work in this situation?</p>
  
  <p>Yes I do api request each time I hit next or prev button, as cassandra has very limited support to pagination. So each time am querying with stored stringId to filter the result as they are storing in Cassandra table as ordered list. So it is more like server side pagination am doing here.</p>