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很容易循环

巫婆

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

该帖子不是我的,但它显示了使用管道的简单解决方案。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ngFor Angular 6 中的 LINQ

来自分类Dev

Angular 6 - 使用 *ngFor 显示数据库中的数据

来自分类Dev

如何在Angular 2中使用* ngFor = let值作为html属性值

来自分类Dev

如何在Angular中使用ngFor获取嵌套对象数组的选定值?

来自分类Dev

在Angular中使用ngFor进行循环时,只显示一次相同的多个值

来自分类Dev

我们如何在 angular6 中使用 *ngFor 进行迭代以在 angular6 中一次显示 3 个图像

来自分类Dev

Angular 6 - 如何使用 *ngFor 从表中动态创建的输入框中获取 component.ts 中的输入值?

来自分类Dev

如何使用 *ngFor 指令从 Ionic 3(Cordova、Ionic 3、Angular 5)上的存储中获取数据

来自分类Dev

无法在* ngFor中使用* ngIF:angular2

来自分类Dev

根据条件在Angular Ionic中使用ngFor突出显示行

来自分类Dev

如何在Angular中使用* ngFor生成的<canvas>

来自分类Dev

Angular:在ngFor中使用javascript Object.somefunction()

来自分类Dev

如何在angular2 formControl中使用ngFor

来自分类Dev

如何在子组件angular中使用*ngFor作为表格

来自分类Dev

如何在 angular 4 中使用 ngFor 动态渲染 svg

来自分类Dev

ngFor项目Angular 8的动态routerLink值

来自分类Dev

处理angular(9)ngFor中的空值

来自分类Dev

ngFor 值(数字)的 Angular 2 摘要

来自分类Dev

如何在Angular 6中将ngSwitch与* ngFor一起使用

来自分类Dev

如何使用angular的* ngFor内联显示项目

来自分类Dev

Angular 2 使用 ngfor 获取 json 数据

来自分类Dev

Angular Material:使用 errorStateMatcher 和 ngFor

来自分类Dev

Angular 6 从另一个 ngFor 向 ngFor 元素添加活动类

来自分类Dev

用户单击后在 ngFor 中过滤:Angular 6

来自分类Dev

Angular 6+:从@input 在 ngFor 中传递数组名称

来自分类Dev

在 Angular 6 中使用 jQuery

来自分类Dev

存储静态值以在Angular表达式中使用的最佳方法?

来自分类Dev

Angular2 ngFor-如果没有值则跳过

来自分类Dev

保存Angular 2 * ngFor循环的最后一个值

Related 相关文章

  1. 1

    ngFor Angular 6 中的 LINQ

  2. 2

    Angular 6 - 使用 *ngFor 显示数据库中的数据

  3. 3

    如何在Angular 2中使用* ngFor = let值作为html属性值

  4. 4

    如何在Angular中使用ngFor获取嵌套对象数组的选定值?

  5. 5

    在Angular中使用ngFor进行循环时,只显示一次相同的多个值

  6. 6

    我们如何在 angular6 中使用 *ngFor 进行迭代以在 angular6 中一次显示 3 个图像

  7. 7

    Angular 6 - 如何使用 *ngFor 从表中动态创建的输入框中获取 component.ts 中的输入值?

  8. 8

    如何使用 *ngFor 指令从 Ionic 3(Cordova、Ionic 3、Angular 5)上的存储中获取数据

  9. 9

    无法在* ngFor中使用* ngIF:angular2

  10. 10

    根据条件在Angular Ionic中使用ngFor突出显示行

  11. 11

    如何在Angular中使用* ngFor生成的<canvas>

  12. 12

    Angular:在ngFor中使用javascript Object.somefunction()

  13. 13

    如何在angular2 formControl中使用ngFor

  14. 14

    如何在子组件angular中使用*ngFor作为表格

  15. 15

    如何在 angular 4 中使用 ngFor 动态渲染 svg

  16. 16

    ngFor项目Angular 8的动态routerLink值

  17. 17

    处理angular(9)ngFor中的空值

  18. 18

    ngFor 值(数字)的 Angular 2 摘要

  19. 19

    如何在Angular 6中将ngSwitch与* ngFor一起使用

  20. 20

    如何使用angular的* ngFor内联显示项目

  21. 21

    Angular 2 使用 ngfor 获取 json 数据

  22. 22

    Angular Material:使用 errorStateMatcher 和 ngFor

  23. 23

    Angular 6 从另一个 ngFor 向 ngFor 元素添加活动类

  24. 24

    用户单击后在 ngFor 中过滤:Angular 6

  25. 25

    Angular 6+:从@input 在 ngFor 中传递数组名称

  26. 26

    在 Angular 6 中使用 jQuery

  27. 27

    存储静态值以在Angular表达式中使用的最佳方法?

  28. 28

    Angular2 ngFor-如果没有值则跳过

  29. 29

    保存Angular 2 * ngFor循环的最后一个值

热门标签

归档