Angular 2:使用ngFor反向迭代

Angular 2 : iterate in reverse direction using ngFor

本问题已经有最佳答案,请猛点这里访问。

是否存在管道/语法,可让您使用ngFor指令以相反的顺序遍历集合?


创建自定义过滤器:

1
2
3
4
5
6
7
8
9
10
11
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'reverse',
  pure: false
})
export class ReversePipe {
  transform(value) {
    return value.slice().reverse();
  }
}

在模板中使用:

1
2
3
4
<li *ngFor="let row of collection | reverse">
    ...

</li>

希望它对您有用。