时间戳

首页 > 解决方案 > Angular 6：存储要在 *ngFor 中使用的值

angular - Angular 6：存储要在 *ngFor 中使用的值

问题描述

在下面代码的循环体中：

<ul>
   <li *ngFor="let article of articles; index as i">
       <a>{{ articles[i].title }} -- {{i}}</a>
       <p>{{ articles[i].body }}</p>
       <!-- i++ -->  
       <p>{{ i }}</p>
   </li>
</ul>

无论如何要i++在那个位置存储 的值，然后打印出 的新值i？

然后，i用新值更新 ' 值并在下一个循环中使用。我想一次循环 2 个元素，而不仅仅是一个。

就像我们在 Java 中可以做的一样，如下所示：

for (int i = 0; i < 10; i++) {
    System.out.println(i);
    i++;
    System.out.println(i);
}

第一个循环：

0

1

第二个循环：

2

3

等等..

我在此链接中找到了解决方案：使用 *ngFor 一次循环遍历列表两个

解决方案：将数组拆分成二维数组，使用ngFor很容易循环

标签： angularangular6ngfor

解决方案

如果问题仍然相关，对于那些正在寻求答案的人，我建议您参考这篇文章：使用 *ngFor 一次循环遍历列表两个

这篇文章不是我的，但它展示了一个使用管道的简单解决方案。

推荐阅读