*ngFor循环ul列表，根据模型值分类排序

modelValues: any[] = [
  { name: 'A', category: 'Category1' },
  { name: 'B', category: 'Category2' },
  { name: 'C', category: 'Category1' },
  { name: 'D', category: 'Category2' },
  { name: 'E', category: 'Category3' }
];

<ul>
  <li *ngFor="let value of modelValues | orderByCategory">
    {{ value.name }}
  </li>
</ul>

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

@Pipe({
  name: 'orderByCategory'
})
export class OrderByCategoryPipe implements PipeTransform {
  transform(values: any[]): any[] {
    // 根据模型值的分类进行排序逻辑
    // ...
    return sortedValues;
  }
}

import { OrderByCategoryPipe } from './order-by-category.pipe';

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