如何在* 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

來源

2017-10-21 super.prozandr1

它是如何工作的？你期望會發生什麼？實際發生了什麼ID？ –

的ngx-order-pipe有這樣的語法：

{{ collection | orderBy: expression : reverse }}

所以使用降序排列，您需要使用第二個參數：上

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

來源

2017-10-21 09:38:16

如何在* ngFor中顛倒順序？

回答

相關問題