Angular 2：使用ngFor反向迭代

Question

是否有管道/语法允许您使用ngFor指令以相反的顺序迭代集合？

Answer 1

创建自定义过滤器：

import { Pipe, PipeTransform } from '@angular/core';

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

在您的模板中使用：

<li *ngFor="let row of collection | reverse">
    ...
</li>

希望它对你有用。