如何从多个模块中删除angular中的所有相关记录

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

@Injectable()
export class UserService {
  private users: User[] = []; // 假设这是用户数据源

  constructor() {
    // 初始化用户数据
    this.users = [
      { id: 1, name: 'User 1' },
      { id: 2, name: 'User 2' },
      { id: 3, name: 'User 3' }
    ];
  }

  deleteUser(user: User): void {
    const index = this.users.indexOf(user);
    if (index !== -1) {
      this.users.splice(index, 1);
    }
  }

  getAllUsers(): User[] {
    return this.users;
  }
}

interface User {
  id: number;
  name: string;
}

import { Component } from '@angular/core';
import { UserService } from './user.service';

@Component({
  selector: 'app-user-list',
  template: `
    <ul>
      <li *ngFor="let user of users">{{ user.name }}</li>
    </ul>
    <button (click)="deleteAllUsers()">删除所有用户</button>
  `
})
export class UserListComponent {
  users: User[] = [];

  constructor(private userService: UserService) {
    this.users = this.userService.getAllUsers();
  }

  deleteAllUsers(): void {
    for (const user of this.users) {
      this.userService.deleteUser(user);
    }
    this.users = [];
  }
}

interface User {
  id: number;
  name: string;
}