如何在 ngFor (Angular 4) 中使用当前和下一次迭代值

Question

这是我的循环。我需要在单个 iteration.Any 中使用 activity 对象和下一个 activity 对象关于如何做到这一点的想法？

 *ngFor="let activity of course.activities; let i = index"

谢谢:)

Answer 1

假设您不希望最后一个元素单独显示

您只需循环 course.activities.length - 1。这是排除最后一项，因为它显示为 last but one 项的 next 项。

public course = {activities : [1,2,3]};

<div *ngFor = "let a of course.activities.slice(1); let i = index">
  {{course.activities[i]}}-- {{course.activities[i+1]}}
</div>

需要循环才能获取数组中元素的索引

DEMO

Answer 2

我宁愿创建数组的块，然后循环它们并只取 0 和 1。例如，要获取块，您可以使用（可能因您的 rxjs 版本而异）

export function chunk<T>(arr: T[], chunkSize: number): Observable<T[][]> {
  return Observable.from(arr).pipe(bufferCount(chunkSize)).toArray();
}

然后在模板中循环

<div *ngFor="let activity of chunkedActivities | async">
    {{ activity[0] }} - {{ activity[1] }}
</div>

如何在 ngFor (Angular 4) 中使用当前和下一次迭代值

How to use the current and also next iteration value inside a ngFor (Angular 4)

javascript

ngfor

angular