У меня есть таблица, которая может отображать данные из базы данных, но для отображения данных API, который я использую, является Post и имеет две переменные для списка и страницы. Я хочу отобразить список данных в соответствии с списком, который пользователь выбирает в раскрывающемся списке. Мой HTML-код в следующем:Функция table viewby() AngularJS
<tbody id="myTable">
<tr ng-repeat=" value in A ">
<td>{{ value.name }}</td>
<td>{{ value.number }}</td>
<td>{{ item.type }}</td>
<td style="text-align:center;">
<button class="btn btn-primary" >Edit</button>
</td>
</tr>
</tbody>
<div class="text-left">
<label>Show List Batch of:</label>
<select ng-model="listcount" ng-change="setItemsPerPage(listcount)">
<option>3</option>
<option>5</option>
<option>10</option>
<option>20</option>
<option>30</option>
</select> records at a time.
<br>
<pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()" class="pagination-sm" items-per-page="itemsPerPage"></pagination>
</div>
и мой контроллер, как:
var page = "1";
var listCount = "5";
$scope.data = [];
$scope.viewby = 10;
$scope.totalItems = $scope.data.length;
$scope.currentPage = 1;
$scope.itemsPerPage = $scope.viewby;
$scope.maxSize = 5; //Number of pager buttons to show
$scope.setPage = function (pageNo) {
$scope.currentPage = pageNo;
};
$scope.pageChanged = function() {
console.log('Page changed to: ' + $scope.currentPage);
};
$scope.setItemsPerPage = function(num) {
$scope.itemsPerPage = num;
$scope.currentPage = 1; //reset to first paghe
}
Что я делаю неправильно?
Я не могу видеть, как вы обрабатываете выпадающий список в пользовательском интерфейсе. Поместите некоторый код вокала в Plunker, чтобы мы могли вам предложить. Мы не можем написать весь код для вас. –
@ShashankVivek Я отредактировал мое сообщение, я добавил выпадающий список – bleykFaust