angular - 如何在Angular的ngFor中首先显示最后一项?
问题描述
我有ngFor
从数组显示数据的基本指令,我想在结果的顶部显示数组的最后一项,在结果的底部显示数组的最后一项?
我在这里看到几个问题告诉不要在ngFor
. 那么我怎样才能在 TypeScript 中实现这种行为。
提前致谢。
解决方案
你也可以在 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>
推荐阅读
- javascript - 从所有元素中删除悬停
- reactjs - 如何在 Windows 上设置 OHIF
- reactjs - 如何将存储在 MongoDB 中的 React 中的图像显示为缓冲区字符串
- vb.net - 有谁知道为什么我的表格显示为一个类而不是一个字段?[VB.NET]
- python - Anaconda Jupyter Notebook / OpenCV 无法播放 mp4 文件
- swift - 自定义 UIButton 类 - 渐变离开按钮边框
- optimization - 如何为 Recall 优化 FastAI ULMFiT 模型?
- javascript - 在 Redux 中更新状态后更新 UI
- reactjs - 使用 CSS 的 React 组件样式
- node.js - 使用 JWT 和 auth 中间件从“/user/login”重定向到“/user/me”