如何实现多组件共享Service并在离开父组件时销毁（懒加载场景）

独立懒加载组件（可行且推荐） #

这是解决你问题的最优方案：将Service声明在独立组件的providers数组中，然后通过路由直接懒加载该组件。独立组件无需依附模块，路由加载时会创建组件及对应Service实例；当路由离开、组件销毁时，Service也会被自动回收，完全避开模块缓存的问题。

示例代码：

// 独立组件定义
@Component({
  selector: 'app-lazy-feature',
  templateUrl: './lazy-feature.component.html',
  standalone: true,
  providers: [TargetService] // 组件级别提供Service
})
export class LazyFeatureComponent {}

// 路由配置
const routes: Routes = [
  {
    path: 'lazy-feature',
    loadComponent: () => import('./lazy-feature/lazy-feature.component').then(m => m.LazyFeatureComponent)
  }
];

手动管理Service实例（替代constructor/ngOnDestroy） #

如果无法使用独立组件，可以通过Injector手动创建和清理Service实例，完全绕过Angular的自动生命周期钩子：

1. 在父组件中，通过Injector手动获取Service实例，调用自定义的初始化方法完成启动
2. 在路由离开或组件不再需要时，调用Service的自定义清理方法释放资源，让GC回收实例

示例代码：

// 父组件
@Component({
  selector: 'app-parent-container',
  templateUrl: './parent-container.component.html'
})
export class ParentContainerComponent {
  private targetService: TargetService;

  constructor(private injector: Injector) {
    // 手动创建Service实例，替代constructor初始化
    this.targetService = this.injector.get(TargetService);
    this.targetService.customInit(); // 执行自定义初始化逻辑
  }

  // 可结合路由守卫（如CanDeactivate）触发清理
  onLeaveRoute() {
    this.targetService.customCleanup(); // 执行自定义销毁逻辑
  }
}

// Service定义
@Injectable()
export class TargetService {
  private dataSubscriptions = new Subscription();

  customInit() {
    // 自定义初始化：如订阅数据流、初始化状态
    this.dataSubscriptions.add(/* 你的订阅逻辑 */);
  }

  customCleanup() {
    // 自定义销毁：如取消订阅、清理临时数据
    this.dataSubscriptions.unsubscribe();
  }
}

注意：这种方式需要你手动管理所有资源，确保清理逻辑覆盖所有可能的内存泄漏点。

不推荐的模块级方案（补充说明） #

若坚持使用懒加载模块，官方没有直接卸载模块的API，模块缓存会导致Service无法自动销毁。虽然可以在模块的ngOnDestroy中触发Service清理，但模块的ngOnDestroy仅在模块被销毁时触发，而懒加载模块默认会被缓存，因此这种方案实用性极低，不建议采用。

内容的提问来源于stack exchange，提问作者JSmith