如何在htmlAngular 17的@for中使用索引

const users = [
    { id: 1, name: 'Ali' },
    { id: 2, name: 'reza' },
    { id: 3, name: 'jack' },
  ];

<ul>
  @for (user of users; track user.id; let i = index) {
  <li>{{ user.name + i }}</li>
  } @empty {
  <span>Empty list of users</span>
  }
</ul>

<ul>
  <li *ngFor="let user of users; let i = index">{{ user.name + i }}</li>
</ul>

<ul>
  @for (user of users; track user.id) {
     <li>{{ user.name + $index }}</li>
  } @empty {
     <span>Empty list of users</span>
  }
</ul>

Html相关问答推荐

restrict. form—text width to input s width'

如何使用bslb设置可导航页面侧边栏的样式

输入表单在奇怪的地方舍入的标签

使用无限数量的元素创建特定的CSS网格

如何在将文本垂直居中的同时将文本右对齐？

天使17：令人惊叹的动画

如何在排序上重用参数？

未在抖动中播放的HTML音频｜｜文本正在工作其他标记正在播放，但音频未播放

如何将文本环绕心形(而不仅仅是圆形)？

如何使链接组件内的内容不重新路由Next.js13

错误时交换表单，成功时使用HTMX重定向

如何为高度较小的块制作边框动画？

下划线在 Bootstrap 5 导航链接下无法正常工作

如何在CSS伪类函数中使用复合 Select 器：host-context()

带圆角帽的 CSS 部分边框

当我将有序列表居中时，数字会跑到列表的另一行

如何动态调整彼此重叠的两个 div 的大小，使它们在增长时保持相同的高度

如何使我的下拉菜单响应？

在一行中对齐两个不同形式的按钮

表格布局：固定；文本溢出单元格时不起作用