Angular2 ngFor跳过第一个索引[重复]

Posted

技术标签:

【中文标题】Angular2 ngFor跳过第一个索引[重复]【英文标题】:Angular2 ngFor skip first index [duplicate] 【发布时间】:2016-05-26 03:03:35 【问题描述】:

如何跳过数组中的第一个索引?

<li *ngFor="#user of users">
     user.name  is  user.age  years old.
  </li>

【问题讨论】:

【参考方案1】:

这个用例有SlicePipe:

  <li *ngFor="let user of users | slice:1">
     user.name  is  user.age  years old.
  </li>

【讨论】:

有没有办法保持索引值不变?而不是移动到 0。 什么索引值?如果你是这个意思,你可以试试&lt;li *ngFor="#user of users | slice:1; #i=index-1"&gt; 使用切片后,我的第一个用户的索引值从 1 变为 0。所以我需要保持索引值不变.. 从 1 开始【参考方案2】:

您可以使用slice pipe。

<li *ngFor="#user of users | slice:1">
   user.name  is  user.age  years old.
</li>

第一个参数对应一个正整数,表示起始索引。

【讨论】:

有没有办法保持索引值不变?而不是移动到 0。 使用切片管道,索引保持不变。迭代中只考虑第一个元素... 当我使用 slice 时,实际上索引值变为 0.. 我会这样实现:plnkr.co/edit/uFhCe0aEzbcmQXCHxmVX?p=preview Cool ;-) 事实上你不能在初始化索引时计算表达式(类似于#i = index + 1)...

以上是关于Angular2 ngFor跳过第一个索引[重复]的主要内容,如果未能解决你的问题,请参考以下文章

跳过第一条重复记录并更新其他记录

使用 Angular2 ngFor 索引

不能在 *ngFor 内使用 *ngIF :angular2 [重复]

Firebase列表的嵌套Angular2 ngFor指令[重复]

Angular 2 ngFor 在索引 + 2 处错误地更改值

Angular2中嵌套ngFor循环的计数器