Angular -如何按姓氏管道排序

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

@Pipe({
  name: 'sortByLastName'
})
export class SortByLastNamePipe implements PipeTransform {

  transform(users: any[]): any[] {
    if (!users || !Array.isArray(users)) {
      return users;
    }
    return users.sort((a, b) => a.lastName.localeCompare(b.lastName));
  }

}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { SortByLastNamePipe } from './sort-by-last-name.pipe';

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

<ul>
  <li *ngFor="let user of users | sortByLastName">
    {{ user.firstName }} {{ user.lastName }}
  </li>
</ul>