Angular 角度5分拣工作不正常

Angular 角度5分拣工作不正常,angular,angular5,angular-sortablejs,Angular,Angular5,Angular Sortablejs,在anguar 5中,我参考了下面的链接进行排序 但是我得到的订单不合适。请检查屏幕截图 我在组件中使用此代码: setOrder(value: string) { if (this.order === value) { this.reverse = !this.reverse; } this.order = value; } 和HTML格式 <thead class="text-primary">

在anguar 5中,我参考了下面的链接进行排序

但是我得到的订单不合适。请检查屏幕截图

我在组件中使用此代码:

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>

主题
{{(反向)?'expand_less':'expand_more'}
{{MEMEDATA.title}
目前,结果即将到来,但其格式不正确


我使用的是angular 5.2.9,我认为我们需要根据类型进行排序。请在相同的指导下,相应地帮助我

使用StackBlitz复制可能会有所帮助:是的,我以前也检查过。但这帮不了我。我可以在setOrder函数中执行一些操作来管理它吗。请据此指导。