如何对angular应用程序前端的内容响应进行自定义排序

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

@Pipe({
  name: 'customSort'
})
export class CustomSortPipe implements PipeTransform {
  transform(array: any[], propertyName: string, direction: string): any[] {
    if (!Array.isArray(array)) {
      return array;
    }

    // 根据属性名和排序方向进行排序
    array.sort((a, b) => {
      if (a[propertyName] < b[propertyName]) {
        return direction === 'asc' ? -1 : 1;
      } else if (a[propertyName] > b[propertyName]) {
        return direction === 'asc' ? 1 : -1;
      } else {
        return 0;
      }
    });

    return array;
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of items | customSort: 'propertyName': 'asc'">
      {{ item.propertyName }}
    </div>
  `
})
export class ExampleComponent {
  items: any[] = [
    { propertyName: 'value3' },
    { propertyName: 'value1' },
    { propertyName: 'value2' }
  ];
}