L'affichage d'une liste d'éléments est une tâche courante pour la plupart des applications Web. Habituellement, nos données seront relativement importantes et ne peuvent pas être bien affichées sur une seule page. Dans ce cas, nous devons afficher les données sous forme de page, avec la fonction d'aller à la page précédente et à la page suivante. Maintenant, j'apprends Angular, en utilisant la pagination angularjs, basé sur l'implémentation de la directive et en utilisant Bootstrap en style, et ajoute directement des balises au code HTML pour l'appeler.
Jetons un coup d'œil aux rendus d'abord
Exemple de code
app.directive ('pagepagination', function () {return {restrict: 'e', modèle: '<div> <ul> <li ng-class = "page.style" ng-repeat = "page dans pageList"> <a href = "{{page.link}}"> {{page. ng-if = "PageList [0]"> <li> <span> Total <b> {{PageRerecord}} </b> enregistre / Total <b> {{PageCount}} </b> pages </span> </li> </ul> </v> ', Remplace: true, scope: {"pageid": "=", "Pagère "PageSize": "=", "PageUrlTemplate": "="}, contrôleur: [$ Scope ', Fonction ($ Scope) {$ scope.getLink = parseInt ($ scope.pageid - 1) / $ scope._pageSize) * $ scope._pagesize + 1; page.push ({name: 'home', style: $ scope.pageid == 1? "Disable : "", lien: $ scope.getlink (1)}); }). $ scope.getLink ($ scope.pageCount)}); !! $ scope.pageSize) {$ scope._pageSize = parseInt ($ scope.pageSize); $ scope.pageid <1) {$ scope.pageid = 1; $ scope.pageInit ();}]}});Code d'appel:
<page-pagination page-id = "pageid" page-record = "enregistrement" page-url-template = "urlTemplate"> </ page-pagination>
Ce qui précède est l'intégralité du contenu du code de pagination angulaire.js. J'espère que cela sera utile à l'apprentissage de tous, et j'espère que tout le monde soutiendra davantage Wulin.com.