AngularJS - ui-bootstrap分页。隐藏

单页

我使用的用户界面，引导分页上的按钮，我想隐藏分页控件时，所有的结果都包含在一个页面上。正如你在下面的图片中看到的，只有一个页面，控件仍然显示。似乎ui-bootstrap团队将这个本地包含在框架中是常识。所以我在想，可能有办法轻松做到这一点，但我不知道从哪里开始。AngularJS - ui-bootstrap分页。隐藏

这里是在控制器代码：

$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>

我希望有人已经这样做了同样的事情，可以帮帮我。

在此先感谢。

来源

2016-08-26 agon024

使用数据-NG出现像观察到[ '观察车']

itemsPerPage“ng-model =”currentPage“items-per-page =”itemsPerPage“ng-change =”pageChanged（）“max-size = “maxSize”> –

使用数据-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>

来源

2016-08-26 19:46:37

Aaahhhh做到了！谢谢你，谢谢你，谢谢你。我刚刚学到了一些新东西。 :) – agon024

您可以manualy加入NG-隐藏做到这一点：

<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>

这可能是不这样做，可能UI，引导有办法解决这个问题的最好办法，但我不能找到它。

无论如何，这样的角度将检查是否只有一个在那里元素，如果它的长度不是1，将隐藏在NG-重复是空的它的股利以同样的方式。

来源

2016-08-26 18:51:34 Guilherme

AngularJS - ui-bootstrap分页。隐藏

回答

相关问题