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

Question

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

<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的更多解释，参见this article托德座右铭。