使用angularjs根据输入值显示或隐藏分页图标

我使用angularjs构建分页。它有一个“文本框（直接输入页面值）”和“下一步”和“上一步”图标

图标应根据输入的页面值显示和隐藏

这是我的密码

HTML

控制器

$scope.currentPage1=1；
$scope.itemsPerPage1=10；
$scope.pageCount=函数（）{
返回Math.ceil（$scope.results.length/$scope.itemsPerPage1）；
};
$scope.nextPage=function（）{
如果（$scope.currentPage1<$scope.pageCount（））{
$scope.currentPage1++；
}
};
$scope.prevPage=函数（）{
如果（$scope.currentPage1>0）{
$scope.currentPage1--；
}
};
//上一页已禁用
$scope.prevPageDisabled=函数（）{
返回$scope.currentPage1==1？“true”：“”；
};
//下一页已禁用
$scope.nextPageDisabled=函数（）{
返回$scope.currentPage1===$scope.pageCount（）？“true”：“”；
};

在您的代码中

prevPageDisabled

和

nextPageDisabled

函数在编译范围时只调用一次。随后的

nextPage

和

prevPage

调用不会生成

prevPageDisabled

和

nextPage disabled

函数值

您需要的是将条件直接绑定到范围变量。不要进行函数调用：

---

你的问题到底是什么？

 <input type="text" ng-model="currentPage1" value=""/>                          
 <a href="javascript:void(0);" ng-hide="prevPageDisabled()" ng-click="prevPage();"> <img src="img/previous.png" /></a>
 <a href="javascript:void(0);" ng-hide="nextPageDisabled()" ng-click="nextPage();"> <img src="img/next.png" /></a>

$scope.currentPage1 = 1;
$scope.itemsPerPage1 = 10;    

$scope.pageCount = function() {      
      return Math.ceil($scope.results.length/$scope.itemsPerPage1);
    };
$scope.nextPage = function() {     
      if ($scope.currentPage1 < $scope.pageCount()) {        
        $scope.currentPage1++;
      }
    };

    $scope.prevPage = function() {
      if ($scope.currentPage1 > 0) {        
        $scope.currentPage1--;
      }
    };
    //prev page disabled
    $scope.prevPageDisabled = function() {      
      return $scope.currentPage1 === 1 ? "true" : "";
    };
    //next page disabled
    $scope.nextPageDisabled = function() {      
      return $scope.currentPage1 === $scope.pageCount() ? "true" : "";
    };

<input type="text" ng-model="currentPage1" value=""/>                          
 <a href="javascript:void(0);" ng-hide="currentPage1 === 1" ng-click="prevPage();"> <img src="img/previous.png" /></a>
 <a href="javascript:void(0);" ng-hide="currentPage1 === pageCount" ng-click="nextPage();"> <img src="img/next.png" /></a>