Я не могу заставить свой раскрывающийся список «показать больше результатов» для работы с ui-bootstrap. У меня это работает с нумерацией страниц, но не с начальной загрузкой. Что мне просто нужно, так это то, что когда они выбирают 10 из раскрывающегося списка, я хочу, чтобы он отображал десять результатов. Простой не так ли? Не для меня видимо. :()
Вот мой HTML:
// Show more results
<select ng-model="pageSize" id="pageSize" class="form-control searchShowMore">
<option ng-selected="true" value="5">5</option>
<option value="10">10</option>
</select>
<div ng-repeat="res in details.Results | startFrom:(currentPage - 1) * pageSize | limitTo: pageSize" class="myCar">
<div class="carId">{{ res['Display Name'] }}</div>
<div class="title">{{ res['Project Title'] }}</div>
<h4><u>Amount</u></h4>
<div class="modified">${{ res.Amount | number: 2 }}</div>
</div>
<ul uib-pagination total-items="details.Results.length" ng-model="currentPage" items-per-page="pageSize"></ul>
Прямо сейчас он просто отображает все результаты, если я не добавлю $scope.pageSize = 5; в контроллер. Я полагал, что это будет работать так же, как разбиение на страницы, но я явно ошибаюсь. :)
Следует также отметить, что сначала загружаются только все данные. Как только я щелкаю раскрывающийся список и выбираю 5, он меняет элементы на странице, чтобы отображать только 5. Это только начальная загрузка, когда отображаются все данные. Я думаю, что это как-то связано с параметром выбора, который имеет значение ng-selected="true" = "5". Он не захватывает начальное значение в начале
Кто-нибудь знает, возможно ли это с нумерацией страниц ui-bootstraps?