Question

我有这个：

        <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，但其余的没有显示......

Answer 1

您应该将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

dir-paginate控件未显示

1 个答案: