Отображение списка элементов является общей задачей для большинства веб -приложений. Обычно наши данные будут относительно большими и не могут отображаться хорошо на одной странице. В этом случае нам нужно отобразить данные в форме страницы с функцией перейти на предыдущую страницу и следующую страницу. Теперь я изучаю угловой, используя страницу AngularJS, на основе директивной реализации и использую начальную загрузку в стиле, и напрямую добавляю теги в HTML -код, чтобы вызвать его.
Давайте сначала посмотрим на визуализации
Пример кода
app.directive ('pagepagination', function () {return {ограничение: 'e', шаблон: '<viv> <ul> <li ng-class = "page.style" ng-repeat = "pagelist"> <a href = "{{page.link} {> {{{page.name}} </alink> </allink}} {{{{page.name}} </alink}}} {{page.name}} </alink}}}} {> </alink}}}" ng-if = "pagelist [0]"> <li> <pan> total <b> {{pagerecord}} </b> records/total <b> {{pagecount}} </b> страницы </span> </li> </ul> </div> ', заменить: true, scope: {"pageId": ",", "PARERCORD", ",", ",", ",", ",", ",", ",", ",", ",", "." "=", "PageUrltemplate": "="}, Controller: ['$ scope', function ($ scope) {$ scope.getlink = function (pageId) {return $ $ scope.pageid - 1) / $ scope._pagesize) * $ scope._pagesize + 1; : $ scope.getlink (1)}); } page.push ({name: «Следующая страница», стиль: $ scope.pageid == $ scope.pagecount? $ scope.getlink ($ scope.pagecount)}); ! $ scope.pageid <1) {$ scope.pageid = 1; $ scope.pageinit ();}]}});Код вызова:
<Page-Paging Page-ID = "pageId" page-record = "recordCount" page-url-template = "urltemplate"> </page-pagination>
Выше всего содержит все содержание кода странификации Angular.js. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать wulin.com больше.