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">&nbsp; <table *ngIf="indexArray.indexOf(i)> -1">&nbsp;&nbsp; <!-- REST OF THE CODE -->

Answer 2

您可以执行以下操作：<div *ngFor="let item of items; index as i">&nbsp; <table *ngIf="indexArray.includes(i)">&nbsp; &nbsp; enter code here...&nbsp; </table></div>这是一个工作示例

Answer 3

像这样创建索引数组public indexArray: array = [454,640];像下面那样做。<div *ngFor="let item of items; index as i">&nbsp; <table *ngIf="indexArray.indexOf(i)> -1">&nbsp; &nbsp; enter code here...&nbsp; </table></div>如果您有任何疑问，请告诉我。