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。