使用 ngFor 循环并跳过第 n 个元素

Question

我想知道 angular2 中是否有一种方法可以使用 *ngFor 遍历数组或列表并跳过第一个或第 n 个元素

Answer 1

<div *ngFor="let item of items; let i=index">
  <div *ngIf="i != n">{{i}} is not n</div>
</div>

Answer 2

你可以像这样在循环中使用管道：

html:

<ul>
  <li *ngFor="let element of object | values"> {{element}} </li>
</ul>

在管道元素中，您可以定义要控制的所有内容。
例如在管道组件中（values.pipe.ts）：

@Pipe({ name: 'values' })
export class ValuesPipe implements PipeTransform {
  transform(value, args: string[]): any {
    let values = []
    for (let key in value) {
      values.push(value[key])
    }
    return values
  }
}

Answer 3

刚刚从另一个issue中了解到，你可以用Slice pipe来做

 *ngFor="let item of items | slice:1;

其中 1 是您的第 n 个元素

https://angular.io/api/common/SlicePipe

另请参阅：

使用 ngFor 循环并跳过第 n 个元素

Looping using ngFor and skip nth element

ngfor

angular