table pagination angular

function StaffCalonSupplierCtrl($scope, $rootScope, StaffSupplierService){

		$scope.maxSize = 5;
		$scope.supplierCandidatesTotalPerPage= 0;
		$scope.totalItemsList=0;
		$scope.skip = 1;
		$scope.take = 20;
		$scope.sortReverse = true;
		$scope.sortType = 'merchant_name';

		$scope.page = [{'id':20, 'value':20},{'id':50, 'value':50},{'id':100, 'value':100}];

		$scope.getCalonSupplier = function(supplierName){

			if($scope.sortReverse){
				$scope.sortOrder = 'DESC';
			}else{
				$scope.sortOrder = 'ASC';
			}

			StaffSupplierService.loadCalonSupplier(supplierName, $scope.skip, $scope.take, $scope.sortType, $scope.sortOrder).then(
				function(response){
					if (response.status == "OK") {
						$scope.supplierCandidates = response.calonSupplierList;
						$scope.supplierCandidatesTotal = response.calonSupplierTotal;
						$scope.supplierCandidatesTotalPerPage = response.calonSupplierTotalPerPage;
					}else{
						alert("terjadi kesalahan server");
					}
				},
				function(response){
					alert('Mohon Maaf Server Sedang Mengalami Gangguan.');
				}
			);
		}

		$scope.setSorting = function(sortType,sortReverse){
			$scope.sortType = sortType;
			$scope.sortReverse = sortReverse;
			$scope.getCalonSupplier();
		}

		$scope.getCalonSupplier();

	}

loadCalonSupplier: function(supplierName, skip, take, sortType, sortOrder){
				return $http.get('/dropship/apiStaff/calon-supplier?suppName='
					+supplierName+'&skip='+skip+'&take='+take+
					'&sortType='+sortType+'&sortOrder='+sortOrder)
					.then(function(response){
						return response.data;
					});
			},