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>

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

Angular Run *ngFor on particular Indexes Defined in Array