Javascript AngularJS-ui引导分页。隐藏单个页面上的按钮
我正在使用ui引导分页,当所有结果都包含在一个页面上时,我想隐藏分页控件。如下图所示,只有一页,控件仍在显示。对于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">
$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显示,如