Próbuję zaimplementować paginację na stronie kątowej/bootstrap. Mam dane wyświetlane z prawidłowym # wierszy na stronie, mam stronicowanie kątowe wykazujące odpowiednią liczbę stron ... ale do cholery, jeśli mogę znaleźć nigdzie, że mówi mi, JAK korzystać z stronicowania do odświeżania moich danych, gdy strona # jest kliknięta ...?! {{currentPage}} aktualizuje się, ale nie wiem, jak to zrobić, aby wywołać getPresentations, aby zaktualizować listę.Angular pagination - update data onclick
<div>
{{noOfPages}} {{currentPage}} {{maxSize}}
<pagination num-pages="noOfPages" current-page="currentPage"></pagination>
</div>
<script type="text/javascript">
angular.module('app', ['ui', 'shared', 'ui.bootstrap']).controller('AppCtl', function ($scope, $http, $window) {
var mvc = $window.MVC;
$scope.noOfPages = 0;
$scope.currentPage = 1;
$scope.maxSize = 5;
$scope.getPresentations = function() {
$http.get(mvc.base + "API/Presentations?page=" + $scope.currentPage + "&itemsPerPage=10")
.success(function (result) {
$scope.presentations = result.Items;
$scope.noOfPages = result.TotalPages;
$scope.currentPage = result.Page;
})
.error(function (result, status) {
$scope.newModal.errors = mvc.getApiErrors(status, result);
});
};
$scope.getPresentations();
});
</script>
Dzięki! Wiedziałem, że to nie będzie dużo ... irytuje mnie, że nie włączają tej części do dokumentu. – NikZ
Dzięki za odpowiedź! W przykładzie "pageChanged" jaki jest cel $ scope.watchPage = newPage? – standingwave
Szaleję, ponieważ wypróbowałem obie te metody przed przybyciem tutaj i żadne z nich nie działa :( – Dustin