2017-10-21 13 views
0

Veuillez aider le module de commande de l'utilisateur dans la directive * ngFor.Comment annuler l'ordre dans * ngFor?

-je installer "NGX-order-pipe": "^ 1.0.2", et l'utiliser dans app.module.ts:

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

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

Mon modèle:

<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> 

Il a travaillé (lignes triées par ordre croissant). Mais j'ai besoin de lignes triées en descendant.

J'essaie suivre:

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

Mais il ne fonctionne pas.

GITHUB is here

+0

Comment cela n'a-t-il pas fonctionné? Qu'espériez-vous arriver? Qu'est-ce qui se passe réellement? –

Répondre

1

Le ngx-order-pipe a cette syntaxe:

{{ collection | orderBy: expression : reverse }}

donc d'utiliser l'ordre décroissant, vous devez utiliser second paramètre:

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

Plus à ce sujet sur leur github:

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