在 Angular 8 中使用 *ngFor 索引从数组中渲染特定项目

Posted 2023-03-13

【中文标题】在 Angular 8 中使用 *ngFor 索引从数组中渲染特定项目

【英文标题】：Render specific item from array using *ngFor index in Angular 8

【发布时间】：2020-08-17 20:33:43

【问题描述】：

我正在使用*ngFor 呈现一个列表。我只希望使用index 呈现下一个项目。我尝试了很多方法，但无法正常工作：

Next:  exhibit i + 1 .fields.artist 

Next:  exhibit[i + 1].fields.artist 

我做错了什么？

【问题讨论】：

你能补充更多细节吗？描述用例。

我们需要查看*ngFor 循环标记。

【参考方案1】：

不确定为什么要呈现这样的列表，但您可以使用 ngFor 完成此操作，如下所示。您需要将整个模板表达式写在双花括号内，而不仅仅是索引。

Next:  exhibit[i + 1].fields.artist 

请在此处找到概念证明：https://stackblitz.com/edit/angular-cwxgee