如何在Angular的ngFor中首先显示最后一项？

Question

我有基本的 ngFor显示数组中数据的指令，我想在结果的顶部显示数组的最后一项，在结果的底部显示数组的最后一项？

我在这里看到几个问题告诉不要使用管道 ngFor. 那么我如何在 TypeScript 中实现这种行为。

提前致谢。

Answer 1

你也可以在 html 中使用一些东西，比如只用最后一个到第一个。感谢@Eliseo 的好方法，更新了答案。

<p *ngIf="list.length>0">{{list[list.length-1]}}</p>
<ng-container *ngFor="let item of list; let last=last">
   <p *ngIf="!last"> {{item}}</p>
</ng-container>

Answer 2

sort您应该在代码中对数组使用函数。或者为原始数组创建一个重复项并对其进行排序。