ngFor 自定义索引增量 Angular

Question

如何在 ngFor 中使用自定义索引增量或减量？ 我想要这样的东西：

`<div *ngFor="let item of items; let i = index">
   <span>
     {{items[i].name}}
  </span>
  <span>
     {{items[i+1].name}}
  </span>
  <!-- Then I want to increment index value like i++ -->
 </div>`

我的意思是如何在 Angular 的组件 html 文件中使用自定义 for 循环？

Answer 1

我想你想要实现的目标是这样的：

<div>
  <span *ngFor="let item of items">
    {{item.name}}
  </span>
</div>

这样你就不必增加任何东西 - Angular ngFor 指令会为你做

更新 我不确定你想实现什么 - 也许尝试用更好的方式来描述它。也许试试这个：

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