首页 > 解决方案 > 如何在Angular的ngFor中首先显示最后一项?

问题描述

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

我在这里看到几个问题告诉不要在ngFor. 那么我怎样才能在 TypeScript 中实现这种行为。

提前致谢。

标签: angulartypescript

解决方案


你也可以在 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>

推荐阅读