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分頁。隱藏

回答

相關問題