angular - 使用 ngx-order-pipe 降序排列

Question

我正在尝试按顺序对数组进行ascending排序descending。我已经完成了升序，但我不必使用降序排序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
}

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