Angular 5排序不正常

Question

在anguar 5中，我引用了以下链接进行排序。

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

但我得到的顺序是不正确的。请检查屏幕截图

我在组件中使用此代码：

setOrder(value: string) {
    if (this.order === value) {
      this.reverse = !this.reverse;
    }

    this.order = value;
  }

以HTML格式

<thead class="text-primary">

                                <th [class.active]="order === 'theme'"
                      (click)="setOrder('theme')" class="curpointer"  width="40%">
                                    Theme 
                                    <i class="material-icons" *ngIf="order =='theme'">{{ (reverse)?'expand_less':'expand_more' }}</i>
                                </th>
</thead>
<tbody>
<tr *ngFor="let themeData of themeArr | orderBy: order:reverse:'case-insensitive' | filter:filter | paginate: { itemsPerPage: 10, currentPage: p };">


                                       <td>
                                            {{ themeData.title }}
                                        </td>
</tr>
</tbody>

目前结果即将到来，但其格式不正确。

我正在使用angular 5.2.9我相信我们需要根据类型进行排序。请指导并相应地帮助我。