javascript - 如何反转 *ngFor 中的顺序？

Question

请帮助用户在 *ngFor 指令中订购模块。

我安装“ngx-order-pipe”:“^1.0.2”，并在app.module.ts中使用它:

import { OrderModule } from 'ngx-order-pipe';
...
..

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    OrderModule,
    ...
    ..
  ],
  providers: [AgendaService],
  bootstrap: [AppComponent]
})
export class AppModule { }

我的模板:

<div class="line" *ngFor="let line of agenda | orderBy:'order'; let iLine = index">
  <div class="left">
    {{ line.start.trim() }} - {{ line.end.trim() }}  
    = {{line.order}} 
  </div>       
</div>

它起作用了(行按升序排序)。但我需要按降序排序的行。

我尝试遵循:

<div class="line" *ngFor="let line of agenda | orderBy:'-order'; let iLine = index">
    .....    
</div>

但是没有成功。

GITHUB is here

Answer 1

ngx-order-pipe 具有以下语法:

{{集合| orderBy: 表达式: 反向 }}

因此要使用降序排列，您需要使用第二个参数:

*ngFor="let 议程行 | orderBy:'order':true; let iLine = 索引"

有关此内容的更多信息，请访问他们的 github:

https://github.com/VadimDez/ngx-order-pipe