如何在* ngFor中颠倒顺序？

Question

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

我安装 “NGX阶管”： “^ 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有这样的语法：

{{ collection | orderBy: expression : reverse }}

所以使用降序排列，您需要使用第二个参数：上

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

更多关于这他们的github：

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