Angular 在数组中定义的特定索引上运行 *ngFor

Question

我正在使用 *ngFor 循环，但我只希望循环在数组中定义的特定索引上运行（即indexArray = [454,640]）。如果我尝试这样做，并且 indexArray 有两个或更多元素，则它不起作用。但如果数组只有一个元素（即indexArray=[565]），它就可以工作。<div *ngFor="let item of items; index as i">   <table *ngIf="i == indexArray">

Answer 1

您可以使用.indexOf(i)并检查它是否在您的indexArray变量中。

<div *ngFor="let item of items; index as i">

  <table *ngIf="indexArray.indexOf(i)> -1"> 

  <!-- REST OF THE CODE -->

Answer 2

您可以执行以下操作：

<div *ngFor="let item of items; index as i">

  <table *ngIf="indexArray.includes(i)">

    enter code here...

  </table>

</div>

这是一个工作示例

Answer 3

像这样创建索引数组

public indexArray: array = [454,640];

像下面那样做。

<div *ngFor="let item of items; index as i">

  <table *ngIf="indexArray.indexOf(i)> -1">

    enter code here...

  </table>

</div>

如果您有任何疑问，请告诉我。