如何在Angular中实现删除功能

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

@Component({
  selector: 'app-list',
  template: `
    <ul>
      <li *ngFor="let item of itemList">
        {{ item.name }}
        <button (click)="onDelete(item)">删除</button>
      </li>
    </ul>
  `,
})
export class ListComponent {
  itemList: any[] = [
    { id: 1, name: '数据项1' },
    { id: 2, name: '数据项2' },
    { id: 3, name: '数据项3' },
  ];

  onDelete(item: any): void {
    // 根据数据项的唯一标识找到要删除的数据，并从列表中移除
    const index = this.itemList.findIndex(i => i.id === item.id);
    if (index !== -1) {
      this.itemList.splice(index, 1);
    }

    // 在此调用API服务的删除方法，将数据从后端数据库中删除
    // ApiService.deleteItem(item.id).subscribe();
  }
}

<ul>
  <li *ngFor="let item of itemList">
    {{ item.name }}
    <button (click)="onDelete(item)">删除</button>
  </li>
</ul>