Question

请帮助* ngFor指令中的用户订单模块。

我安装＆＃34; ngx-order-pipe＆＃34;：＆＃34; ^ 1.0.2＆＃34;，并在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具有以下语法：

{{ collection | orderBy: expression : reverse }}

因此，要使用降序，您需要使用第二个参数：

*ngFor="let line of agenda | orderBy:'order':true; let iLine = index"

关于他们的github的更多信息：

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

如何在* ngFor中逆转订单？

1 个答案: