有条件的ngFor

Question

在我的angular 4应用程序中，我需要使用小于条件的ngFor。我的意思是我不想显示所有项目sampleArray，而是只显示前10个项目，就像在普通Java脚本中有i < sampleArray.lengthor一样i < 10，等等我想在ngFor中使用的这些条件，是否可能？

<li *ngFor="let a of sampleArray">
    <p>{{a.firstname}}</p>
    <p>{{a.lastname}}</p>
  </li>

Answer 1

您只需要使用切片。

<li *ngFor="let a of sampleArray | slice:0:9">
  <p>{{a.firstname}}</p>
  <p>{{a.lastname}}</p>
</li>