Angular :如何在Angular中重新排列Json对象

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

@Component({
  selector: 'app-root',
  template: `
    <div>
      <h1>JSON对象排序示例</h1>
      <ul>
        <li *ngFor="let item of sortedItems">{{ item.name }}</li>
      </ul>
    </div>
  `,
})
export class AppComponent {
  items = [
    { name: 'Apple', price: 2.5 },
    { name: 'Banana', price: 1.5 },
    { name: 'Orange', price: 3.0 },
  ];

  sortedItems = [];

  constructor() {
    this.sortedItems = this.sortItems(this.items);
  }

  sortItems(items) {
    return items.sort((a, b) => {
      if (a.name < b.name) {
        return -1;
      } else if (a.name > b.name) {
        return 1;
      } else {
        return 0;
      }
    });
  }
}