角度记录的分页

Question

我每页只需要 10 条记录，总共有 80 条记录。 我如何获得它

以下是我从 api 获取的示例数据，还有 79 个这样的数据。

Array(80)

0:
description: null
groups: null
name: "Vz Vendor Work Portal"
projects: null
subdomain: null
vast_id: 25589
vsad: "h2rv",

我正在使用引导程序进行分页。

 <ul class="pagination">
<li class="disabled"><a class="paginate first" href="">First</a></li>
<li class="hidden-xs"><a class="paginate previous" href="">Previous</a></li>
<li><a href="">1</a></li>
<li class="active"><a href="">2</a></li>
<li><a href="">3</a></li>
<li class="hidden-xs"><a href="">4</a></li>
<li class="hidden-xs"><a href="">5</a></li>
<li class="hidden-xs"><a class="paginate next" href="">Next</a></li>
<li><a class="paginate last" href="">Last</a></li>

    <div class="col-md-12">
          
               <div class="container">
                <div class="row">
                    <ul class="col-md-12 list-none">
                   <div *ngFor="let app of appslist;">
                        <li class="col-md-4">
                        <div style="border: 1px;background-color: #EEEFED">
                               <span><b>{{app.name}}</b></span><br/>
                                <span>description goes here description goes here description goes here description goes here</span>
                                <br/>
                                <br/>
                                <span><a href="/radar/{{app.vsad}}">{{app.vsad}}</a></span>
                        </div>
                </li>
                </div>
                 </ul>
                </div>
                </div>
          
           
     </div>
   </div>

Answer 1

最佳解决方案是从您的后端分页。但是，如果您只想显示 10 条记录而不考虑性能，您也可以使用前端。

您可以使用 javascript splice 函数来存档。

array.splice((page-1)*recordsPerPage,recordsPerPage)

StackBlitz 示例可以在here找到