基于使用管道的另一个对象数组的顺序对对象数组进行Angular2排序

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

@Pipe({
  name: 'customSort'
})
export class CustomSortPipe implements PipeTransform {
  transform(array: any[], order: any[]): any[] {
    if (!array || !order) {
      return array;
    }

    // 使用数组的sort()方法进行排序
    array.sort((a, b) => {
      let indexA = order.indexOf(a.id);
      let indexB = order.indexOf(b.id);
      return indexA - indexB;
    });

    return array;
  }
}

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

@Component({
  selector: 'app-sorting',
  template: `
    <h2>Sorted Array:</h2>
    <ul>
      <li *ngFor="let item of items | customSort: order">{{ item.name }}</li>
    </ul>
  `
})
export class SortingComponent {
  items = [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' },
    { id: 4, name: 'Item 4' },
    { id: 5, name: 'Item 5' }
  ];

  order = [3, 1, 5, 2, 4];
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { CustomSortPipe } from './custom-sort.pipe';

@NgModule({
  declarations: [
    AppComponent,
    CustomSortPipe
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }