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

是否可以颠倒NGG,因为这些项目是自下而上添加的?

推荐答案

您需要实现一个利用JavaScript数组的反向方法的自定义管道:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'reverse' })

export class ReversePipe implements PipeTransform {
  transform(value) {
    return value.slice().reverse();
  }
}

你可以这样使用它:

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

不要忘记在组件的Pipes属性中添加管道.

Angular相关问答推荐

Angulat 17@ngrx/Signals或全球服务,用什么?

to Signal on Observables inside Signal

存储服务存储在本地存储中,但无法检索到它

判断哪个Angular 信号导致了影响

独立Angular 零部件不在辅零部件或共享零部件中工作

选中/取消选中-复选框未正确返回TRUE或FALSE

Angular :为什么我得到了一个可观察到的共鸣

Angular 显示来自文字数组的SVG路径

Ngrx Select 器返回部分对象

错误TS2531:对象可能为空.论窗体数组控件

Angular 获取视频持续时间并存储在外部变量中

如何访问父组件中提供的 TemplateRef 内的服务?

错误:在工作区外运行 Angular CLI 时,此命令不可用

在 Angular 中动态设置样式

ngx-toastr,Toast 未在 Angular 7 中显示

将 Angular 5 升级到 6 时,我得到不兼容的对等依赖(使用 ng update @angular/core)

有条件地将 RouterLink 或其他属性指令添加到 Angular 2 中的元素

Firestore 从集合中获取文档 ID

Angular 2:组件交互,可选输入参数

在 Angular 2 中对 observable 进行单元测试