用ngx-order-pipe降序

Question

我正在尝试按ascending和descending的顺序对Array进行排序。我已经完成了升序操作，但不必使用ngx-order-pipe按降序排序。

1. $ npm install ngx-order-pipe --save

2. TS

   dummyData: any[] = [
       { name: 'G' },
       { name: 'B' },
       { name: 'Z' },
       { name: 'A' },
       { name: 'H' }
   ];
   

3. HTML

   <div *ngFor="let item of (dummyData | orderBy:'name') ">
       <p>{{item.name}}<p>
   </div>
   

任何想法如何执行降序？

Answer 1

有一个参数称为reverse

<div *ngFor="let item of (dummyData | orderBy:'name' : true) ">
    <p>{{item.name}}<p>
</div>

在HTML模板中

{{ collection | orderBy: expression : reverse : caseInsensitive : comparator }}

Answer 2

HTML：

<div *ngFor="let item of (dummyData | orderBy:'name':reverse) ">
  <p>{{item.name}}<p>
</div>

TS：

reverse: boolean=false
sort() { // call this on click function where you will trigger sorting
this.reverse=!this.reverse
}

这将帮助您在升序和降序之间切换。