对来自Angular http get api调用的数据进行排序

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

getData() {
  return this.http.get('api/data');
}

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'sort'
})
export class SortPipe implements PipeTransform {
  transform(array: any[], field: string): any[] {
    if (!Array.isArray(array)) {
      return array;
    }

    // 使用Array.sort()方法对数据进行排序
    array.sort((a, b) => {
      if (a[field] < b[field]) {
        return -1;
      } else if (a[field] > b[field]) {
        return 1;
      } else {
        return 0;
      }
    });

    return array;
  }
}

<ul>
  <li *ngFor="let item of data | sort:'name'">{{ item.name }}</li>
</ul>

import { SortPipe } from './sort.pipe';

@NgModule({
  declarations: [
    SortPipe
  ],
  ...
})
export class AppModule { }