Je voudrais faire paginations comme des dans ce lien How to use UI Bootstrap Pagination for a table, generated using ng-repeatcomment puis-je utiliser la pagination ui bootstrap avec AngularJS composante 1.6
J'ai lu les documents ici https://angular-ui.github.io/bootstrap/#!#getting_started ng-modèle = « pageNumber », mais je n » Je ne sais pas ce que l'on entend par «Ce paramètre a un programme d'écoute $ watch angulaire appliqué», par exemple, ng-model a un programme d'écoute $ watch.
J'utilise des composants. Qu'entend-on par $ watch listener et comment utiliser $ watch à l'intérieur d'un composant. Est-ce même possible ou existe-t-il une manière différente? checkout mon plunker pour tout le code. https://plnkr.co/edit/E2dKJx2PB1BXsE9hFkte?p=preview
réservation-list.html
<ul
uib-pagination
ng-model="$ctrl.currentPage"
items-per-page="$ctrl.itemsPerPage"
total-items="$ctrl.bookings.length"
max-size="$ctrl.maxSize">
</ul>
<table>
...
<tr ng-repeat="booking in $ctrl.bookings">
...
</tr>
</tbody>
</table>
que dois-je faire pour faire ce travail?
app.component('bookingList', {
templateUrl: 'booking-list.html',
controller: ['BookingSvc', function(BookingSvc) {
let self = this;
self.bookings = BookingSvc.query();
self.maxSize = 2;
self.currentPage = 1;
self.itemsPerPage = 2;
// what should I do to make this work?
/*$scope.$watch("currentPage", function() {
setPagingData(self.currentPage);
});
function setPagingData(page) {
let pagedData = self.bookings.slice(
(page - 1) * self.itemsPerPage,
page * self.itemsPerPage
);
self.pagedBookings = pagedData;
}*/
}]
});