angular - 反转 Angular 2 *ngFor

标签 angular

<li *ngFor="#user of users ">
    {{ user.name }} is {{ user.age }} years old.
</li>

是否可以反转自下而上添加项目的 ngFor?

最佳答案

您可以简单地在数组上使用 JavaScript 的 .reverse()。不需要 Angular 特定的解决方案。

<li *ngFor="#user of users.slice().reverse() ">
   {{ user.name }} is {{ user.age }} years old.
</li>

在这里查看更多: https://www.w3schools.com/jsref/jsref_reverse.asp

关于angular - 反转 Angular 2 *ngFor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35703258/

相关文章:

Angular 2 : radio buttons not working

javascript - Angular 可观察的发布和订阅解释/它是如何工作的

Angular 5 - 从其名称实例化一个组件作为字符串

javascript - package.json 的开放式对等版本依赖关系?

google-maps - 在子组件中使用 SebM 谷歌地图模块显示空白 map

angular - 在 angular 2 项目中导入 crypto-js(使用 angular-cli 创建)

angular - Angular 错误处理和日志记录-调用GlobalErrorHandler的handleError

javascript - Angular2 - 让组件等待服务完成数据获取,然后渲染它

angular - Typescript 上的 IsNan

javascript - Angular 2.什么是渲染 : [ngClass] or class ="{{}}"? 更快