当用户在Angular中删除数据库中的项目时更新UI的最佳方式

@Component({
  selector: 'app-project-list',
  template: `
    <ul>
      <li *ngFor="let project of projects">{{ project.name }}</li>
    </ul>
  `
})
export class ProjectListComponent {
  projects: Project[] = [];

  // 从数据库中获取项目列表的方法
  fetchProjects() {
    // 调用后端API获取项目列表数据
    // ...

    // 将获取到的数据赋值给projects数组
    this.projects = fetchedProjects;
  }

  // 删除项目的方法
  deleteProject(project: Project) {
    // 调用后端API删除数据库中的项目
    // ...

    // 在前端更新UI，从projects数组中移除被删除的项目
    this.projects = this.projects.filter(p => p.id !== project.id);
  }
}