Angular 角度2 | Ho显示API的最小数据

您好，我如何显示来自API的最小数据

比如说，我的API数据是苹果、香蕉、橘子、菠萝、樱桃、草莓

我只想展示其中的5个

下面是我如何调用我的数据

<div *ngFor="let apidata of data">
  <div *ngIf="apidata.AssignmentNumber[0] == 1" class="box">
      <div class="box-assignmentnumber-holder">
        <span id="AssignmentNumber" [ngStyle]="{'color': apidata.AssignmentNumber[1] == 1 ? '#FF8C00' : 'green'}">{{apidata.AssignmentNumber}}</span>
      </div>
      <div id="arrow" (click)="this.clickMe =! this.clickMe"></div>
      <div [ngClass]="(this.clickMe==true)?'box-details':'box-details-toggle'">
  </div>
</div>

---

在api请求中，可以限制显示的结果

this.apiCall().subscribe(res => {
   // store full data
   this.fullData = res;
   // only show 5 results
   this.data = res.slice(0, 5);
});

---

这是一个plnkr的演示，使用可变页面页面需要0,1,2,3。。。和num num，如果项目数

<div *ngFor="item of items.slice(page*num,(page+1)*num)>
...
<div>

---

在api调用之后添加一个map方法，以限制返回的数量。mapres=>res.slice0，5got it bro，bat如果列表的其余部分是我将把它放在readmore上怎么办？比如显示其中的5个，然后将其余的放在“阅读更多”上，并在我点击时显示所有的水果，就像facebook上的评论兄弟一样。例如，有13个回复，或者更确切地说是14个水果。。诸如此类。您可以将整个数组存储在一个属性中。然后有一个只显示5个项目的显示属性，你能提供它的示例吗？很抱歉买了这件东西，我只是新来的