Angular 2 ngFor - 使用索引反转输出顺序

Question

试图学习一些关于 Angular 2 中的过滤和排序的知识。我似乎找不到任何像样的资源，我被困在如何使用索引以相反的顺序排序 ngFor 输出。我写了下面的管道，它一直给我错误，数组切片不是函数。

 @Pipe({
    name: 'reverse'
})
export class ReversePipe implements PipeTransform {
    transform(arr) {
        var copy = arr.slice();
        return copy.reverse();
    }
}

我的 ngfor 看起来像这样。

 <div class="table-row generic" *ngFor="let advert of activeAdverts | reverse let i = index;" [attr.data-index]="i" (click)="viewAd(advert.title)">
    <div class="table-cell white-text">{{ i+1 }}</div>
    <div class="table-cell white-text">{{advert.title}}</div>
    <div class="table-cell green-text">{{advert.advert}}</div>
</div>

原文由 Hamburgersn Heroin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我还要添加 .slice()

 *ngFor="let advert of activeAdverts.slice().reverse() let i = index;"

原文由 Chris Skura 发布，翻译遵循 CC BY-SA 3.0 许可协议