如何在AngFor的Angular中首先显示最后一个项目？

Question

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

我在这里看到的几个问题告诉不要在ngFor上使用管道。因此，如何在TypeScript中实现此行为。

提前感谢。

Answer 1

您应在代码中对数组使用sort函数。或为原始数组创建一个双重副本，然后对其进行排序。

Answer 2

您还可以在html中使用某些内容，例如仅将最后一个放在第一位

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