ngFor 在列表上而不创建中间变量

Question

有没有办法在不创建中间变量的情况下创建 *ngFor ：在下面的示例中，我声明了项目但我没有使用它，有没有办法删除它？

<div *ngFor="let item of items; let i = index">
   <span>{{items[i]}}</span>
   <span>{{items[i+1]}}</span>
</div>

Answer 1

您可以使用 ngFor template syntax，而不使用 let-item 部分：

<ng-template ngFor [ngForOf]="items" let-i="index">
  <div>
    <span>{{items[i]}}</span>
    <span>{{items[i+1]}}</span>
  </div>
</ng-template>

有关演示，请参阅 this stackblitz。

有关 ngFor、*ngFor 和 ng-template 的更多解释，请参阅 Todd Motto 的 this article。

ngFor on a list without creating an intermediate variable