Question

在我的角度4应用程序中，我需要使用低于条件的ngFor。我的意思是我不想显示sampleArray的所有项目，而是我只想显示前10个项目，就像在普通的java脚本中我们有i < sampleArray.length或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>

Answer 2

<li *ngFor="let a of sampleArray;  let i=index">
    <div *ngIf="i<2">
        <p>{{a.firstname}}</p>
        <p>{{a.lastname}}</p>
    </div>
</li>

<强>更新

<ng-container *ngFor="let a of sampleArray;  let i=index">
  <li *ngIf="i<11">
    <p>{{a.firstname}}</p>
    <p>{{a.lastname}}</p>
  </li>
</ng-container>

角度ng对于条件

2 个答案: