多懒加载组件共享Service实例的生命周期管理问题

完全可以实现你需要的需求，核心思路是通过引用计数+工厂提供者手动管理Service实例的创建与销毁，既不用依赖模块级的持久化实例，也不需要Master组件来限制组件位置。

具体实现步骤 #

1. 创建实例管理器与Service类 #

首先定义一个全局实例管理器存储当前活跃的Service实例；同时在Service内部维护引用计数，控制实例销毁时机：

// instance-manager.ts
export class InstanceManager {
  static sharedServiceInstance: SharedService | null = null;
}

// shared.service.ts
import { InstanceManager } from './instance-manager';

export class SharedService {
  private refCount = 0;

  // 增加引用计数
  addRef(): void {
    this.refCount++;
  }

  // 减少引用计数，计数为0时销毁实例
  removeRef(): void {
    this.refCount--;
    if (this.refCount === 0) {
      this.cleanup();
      InstanceManager.sharedServiceInstance = null;
    }
  }

  // 自定义销毁逻辑（清理订阅、缓存等）
  private cleanup(): void {
    console.log('Service实例已销毁，释放资源');
    // 示例：取消HTTP订阅、清空缓存数据等
  }

  // 业务方法示例
  executeBusinessLogic(): void {
    console.log('执行共享业务逻辑');
  }
}

2. 编写Service工厂提供者 #

通过工厂函数控制实例创建：只有全局实例不存在时才新建，否则返回已存在的实例。

// shared-service.provider.ts
import { SharedService } from './shared.service';
import { InstanceManager } from './instance-manager';

export const sharedServiceFactory = () => {
  if (!InstanceManager.sharedServiceInstance) {
    InstanceManager.sharedServiceInstance = new SharedService();
  }
  return InstanceManager.sharedServiceInstance;
};

export const SHARED_SERVICE_PROVIDER = {
  provide: SharedService,
  useFactory: sharedServiceFactory,
};

3. 在懒加载组件中使用Service #

每个懒加载组件配置该提供者，并在生命周期钩子中管理引用计数：

// component-a.component.ts
import { Component, OnInit, OnDestroy } from '@angular/core';
import { SharedService } from './shared.service';
import { SHARED_SERVICE_PROVIDER } from './shared-service.provider';

@Component({
  selector: 'app-component-a',
  templateUrl: './component-a.component.html',
  providers: [SHARED_SERVICE_PROVIDER]
})
export class ComponentAComponent implements OnInit, OnDestroy {
  constructor(private sharedService: SharedService) {}

  ngOnInit(): void {
    // 组件初始化时增加引用
    this.sharedService.addRef();
  }

  ngOnDestroy(): void {
    // 组件销毁时减少引用
    this.sharedService.removeRef();
  }

  // 调用Service业务方法
  runLogic(): void {
    this.sharedService.executeBusinessLogic();
  }
}

ComponentB和ComponentC的实现与ComponentA完全一致，无需额外配置。

方案优势 #

• 灵活性高：组件可以放在页面任意位置，只要注入该Service就能共享实例，不受层级或路由限制。
• 生命周期可控：当所有组件销毁后，Service实例会被自动销毁并清空；下次有组件加载时，会新建实例供共享。
• 避免模块级实例问题：不需要将Service注册在模块中，彻底解决模块加载后实例无法销毁的问题。

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