使用 ngx-order-pipe 降序排列答案

【问题标题】：Descending Order With ngx-order-pipe使用 ngx-order-pipe 降序排列
【发布时间】：2019-03-29 11:06:44
【问题描述】：

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

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

HTML

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

知道如何进行降序排列吗？

【问题讨论】：

【解决方案1】：

有一个参数叫做reverse

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

在 HTML 模板中

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

【讨论】：

【解决方案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
}

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

【讨论】：