Angular中BehaviorSubject问题：第二个组件接收值始终为null

在Angular中使用基于BehaviorSubject的服务在两个组件间共享Business对象。第一个组件可正确更新值，但第二个组件订阅BehaviorSubject时始终打印null。

服务代码 #

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { Business } from '../_models/business';

@Injectable({
  providedIn: 'root',
})
export class SharedBusinessStateService {
  private businessSubject = new BehaviorSubject<Business | null>(null);
  business$ = this.businessSubject.asObservable();

  constructor() {}

  updateBusiness(business: Business) {
    this.businessSubject.next(business);
    this.logCurrentState();
  }

  logCurrentState() {
    console.log("From Service: " + JSON.stringify(this.businessSubject.value));
  }
}

第一个组件代码 #

onSubmit(formData: any) {
  let business = new Business();
  business.owner = this.businessOwner()!;
  this.sharedBusinessState.updateBusiness(business);
}

第二个组件代码 #

ngOnInit() {
  this.sharedBusinessState.business$.subscribe((data) => {
    console.log("Business Data in Component: " + JSON.stringify(data));
  });

  // Method to check the current state
  this.sharedBusinessState.logCurrentState();
}

logCurrentState(){
 this.sharedBusinessState.logCurrentState();
}

现象 #

从第一个组件调用updateBusiness方法时，服务状态已正确更新，但第二个组件订阅business$始终打印null，通过按钮调用logCurrentState()结果也为null。

疑问 #

为何首组件能正确更新值，次组件订阅business$却始终接收null？需检查哪些点确保两组件使用同一服务实例并接收更新值？

核心原因是两个组件未使用同一服务实例，或组件初始化/配置存在问题，以下是具体检查点和解决方案：

1. 检查服务的全局单例配置 #

• 确认服务的providedIn: 'root'配置未被修改，这是Angular实现全局单例服务的默认方式。
• 检查所有组件的@Component元数据，若存在providers: [SharedBusinessStateService]配置，必须移除——该配置会让组件及其子组件创建独立的服务实例。

2. 排查服务实例数量 #

• 在服务的构造函数中添加日志：console.log('SharedBusinessStateService instance created')，观察控制台输出次数。若打印多次，说明存在多实例问题。

3. 组件注入方式检查 #

• 确保两个组件均通过构造函数注入服务，禁止手动创建实例：

  constructor(private sharedBusinessState: SharedBusinessStateService) {}
  

  不要使用new SharedBusinessStateService()生成实例，这会破坏单例特性。

4. 惰性加载模块配置检查 #

• 若两个组件分属不同惰性加载模块，检查模块的providers数组是否包含该服务。惰性模块会创建独立注入器，若模块内提供该服务，会生成新实例，需移除该配置。

5. 组件初始化顺序验证 #

• 若第二个组件在第一个组件调用updateBusiness前初始化，会先收到BehaviorSubject的初始值null，但后续更新应能正常接收。若后续仍无更新，还是回到多实例问题排查。

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