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> |
希望它对您有用。