элементы управления dir-paginate не отображаются

У меня есть это:

        <div class="row services">
                <div class="col-md-3 col-sm-6" dir-paginate="item in listings | itemsPerPage: 4">
                  <center>
                    <a href="{{ item.steamname }}"><h4>{{ item.profilename }}</h4></a>
                    <img src="{{item.rank }}" />
          <p>{{ item.location }}</p>
        </center>
                </div>
            </div>

        </div>
                    <center><dir-pagination-controls></dir-pagination-controls></center>

Почему-то не отображаются элементы управления.

Даже не знаю, с чего начать. Фактическая нумерация страниц сокращает списки до 4 в соответствии с запросом, но остальное не отображается...


dirpagination
person KriiV    schedule 27.01.2015    source источник
comment
Нашли причину или решение? Я использовал это для очень многих проектов, но внезапно для моего текущего проекта я столкнулся с такой же проблемой, как и вы.   -  person rahil471    schedule 19.09.2016

Ответы (2)


arrow_upward
2
arrow_downward

Вы должны поставить total-items="10" после dir-paginate="item in listings | itemsPerPage: 4"

весь код выглядит так,

<div class="row services">
    <div class="col-md-3 col-sm-6" dir-paginate="item in listings | itemsPerPage: 4" total-items="10">
        <center>
            <a href="{{ item.steamname }}"><h4>{{ item.profilename }}</h4></a>
            <img src="{{item.rank }}" />
            <p>{{ item.location }}</p>
        </center>
    </div>
</div>

<center><dir-pagination-controls></dir-pagination-controls></center>

А также убедитесь, что total-items должно быть больше, чем itemsPerPage

person John    schedule 25.07.2017
comment
And also make sure total-items should be greater than itemsPerPage сэкономленное время - person Kishor Pawar; 05.10.2017

arrow_upward
1
arrow_downward

  1. Сначала загрузите отсюда dirPagination.js.
  2. Включите файл dirPagination.js на свою страницу, например:

<script src="~/Content/dirPagination.js"></script>

  1. После этого добавьте директиву dir-paginate для нумерации страниц в скрипте file.code, указанном ниже:

angular.module('myApp', ['angularUtils.directives.dirPagination']);

  1. Затем в теге div добавьте заданную строку кода:
 <div  dir-paginate="item in listings|itemsPerPage:4">

  1. Затем добавьте элемент управления разбиением на страницы на HTML-страницу для размещения кнопок First, Next, Previous и Last.Code, приведенных ниже:

    <dir-pagination-controls max-size="10" direction-links="true" boundary-links="true" > </dir-pagination-controls>

person Sahil Saini    schedule 21.12.2015