Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS-ui引导分页。隐藏单个页面上的按钮_Javascript_Jquery_Angularjs_Pagination_Angular Ui Bootstrap - Fatal编程技术网

Javascript AngularJS-ui引导分页。隐藏单个页面上的按钮

Javascript AngularJS-ui引导分页。隐藏单个页面上的按钮,javascript,jquery,angularjs,pagination,angular-ui-bootstrap,Javascript,Jquery,Angularjs,Pagination,Angular Ui Bootstrap,我正在使用ui引导分页,当所有结果都包含在一个页面上时,我想隐藏分页控件。如下图所示,只有一页,控件仍在显示。对于ui引导团队来说,将其本机包含在框架中似乎是常识。所以我想可能有一种方法可以很容易地做到这一点,但我不知道从哪里开始 以下是控制器中的代码: $scope.itemsPerPage = 5; $scope.currentPage = 1; $scope.maxSize = 4; 以下是HTML: <div ng-controller="observedCars">

我正在使用ui引导分页,当所有结果都包含在一个页面上时,我想隐藏分页控件。如下图所示,只有一页,控件仍在显示。对于ui引导团队来说,将其本机包含在框架中似乎是常识。所以我想可能有一种方法可以很容易地做到这一点,但我不知道从哪里开始

以下是控制器中的代码:

$scope.itemsPerPage = 5;
$scope.currentPage = 1;
$scope.maxSize = 4;
以下是HTML:

<div ng-controller="observedCars">
  <div ng-repeat="obv in observed['Observed CARs'] | startFrom:(currentPage - 1) * itemsPerPage | limitTo: itemsPerPage">
    <div class="carId">{{ obv['Display Name'] }}</div>
  </div>
  <ul uib-pagination total-items="observed['Observed CARs'].length" ng-model="currentPage" items-per-page="itemsPerPage" ng-change="pageChanged()" max-size="maxSize"></ul>
</div>

{{obv['Display Name']}
    我希望有人已经做了同样的事情,可以帮助我


    提前感谢。

    您可以手动添加ng hide:

    <div ng-controller="observedCars">
      <div ng-hide="observed['Observed CARs'].length == 1" ng-repeat="obv in observed['Observed CARs'] | startFrom:(currentPage - 1) * itemsPerPage | limitTo: itemsPerPage">
        <div class="carId">{{ obv['Display Name'] }}</div>
      </div>
      <ul uib-pagination total-items="observed['Observed CARs'].length" ng-model="currentPage" items-per-page="itemsPerPage" ng-change="pageChanged()" max-size="maxSize"></ul>
    </div>
    
    
    {{obv['Display Name']}
    
      这可能不是最好的方法,ui引导也可能有办法解决这个问题,但我也找不到


      无论如何,这种方法将检查其中是否只有一个元素,如果它的长度不是1,它将隐藏div,就像ng repeat为空时一样。

      您可以手动添加ng hide:

      <div ng-controller="observedCars">
        <div ng-hide="observed['Observed CARs'].length == 1" ng-repeat="obv in observed['Observed CARs'] | startFrom:(currentPage - 1) * itemsPerPage | limitTo: itemsPerPage">
          <div class="carId">{{ obv['Display Name'] }}</div>
        </div>
        <ul uib-pagination total-items="observed['Observed CARs'].length" ng-model="currentPage" items-per-page="itemsPerPage" ng-change="pageChanged()" max-size="maxSize"></ul>
      </div>
      
      
      {{obv['Display Name']}
      
        这可能不是最好的方法,ui引导也可能有办法解决这个问题,但我也找不到


        无论如何,这种方法将检查其中是否只有一个元素,如果它的长度不是1,它将隐藏div,与ng repeat为空时的隐藏方式相同。

        使用数据ng show作为ul标签,如

          <ul uib-pagination total-items="observed['Observed CARs'].length"  data-ng-show="observed['Observed CARs'].length > itemsPerPage" ng-model="currentPage" items-per-page="itemsPerPage" ng-change="pageChanged()" max-size="maxSize"></ul>
        

          对ul标签使用数据ng显示,如

            <ul uib-pagination total-items="observed['Observed CARs'].length"  data-ng-show="observed['Observed CARs'].length > itemsPerPage" ng-model="currentPage" items-per-page="itemsPerPage" ng-change="pageChanged()" max-size="maxSize"></ul>
          

            对ul标签使用数据ng显示,如
              对ul标签使用数据ng显示,如
                aaahhh就是这样!谢谢,谢谢,谢谢。我刚刚学到了一些新东西啊哈,就是这样!谢谢,谢谢,谢谢。我刚刚学到了一些新东西