Angular 按角度对记录进行分页

我每页只需要10条记录，总共有80条记录。 我怎么得到它

下面是我从api获得的示例数据，还有79个类似的例子

Array(80)

我正在使用引导进行分页

 <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>

{{app.name}}

描述到这里描述到这里描述到这里描述到这里描述到这里

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

您可以使用javascript

splice

函数来存档此文件

阵列拼接（（第1页）*记录拼接，记录拼接）

---

StackBlitz示例可以找到

问题可能与后端有关。也许您使用的表不限于10条记录，您可能需要考虑一个包含大量选项的数据表，包括分页。检查stackblitz我只添加了页码功能。不，这不起作用。我使用卡片布局在一页中显示所有数据。我每页只需要显示10张卡片。

 <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>