Angular中BehaviorSubject服务数据未更新问题求助

我尝试通过带有BehaviorSubject的服务在根组件与另一个组件之间共享数据，相关代码如下：

服务代码 #

@Injectable({
    providedIn: 'root'
})
export class UserService {  
    public loggedUser = new BehaviorSubject<string>("INITIAL");
    castUser = this.loggedUser.asObservable();
    
    editUser(newLoggedUser : string){
        this.loggedUser.next(newLoggedUser);
    }
}

根组件代码 #

我在根组件中执行了：

this.userService.editUser("HELLO");

另一个组件代码 #

在UserProfileComponent中，无论把订阅放在constructor、ngOnInit还是ngAfterViewInit，结果都一致：

constructor(private userService : UserService) {
    this.userService.castUser.subscribe(userFirstname => {
        console.log("UserProfileComponent constructor userFirstname = " + userFirstname); // 始终显示"INITIAL"
    });
}

问题：订阅函数被调用时，应该显示"HELLO"而非"INITIAL"，但新值并未生效，该如何解决？

1. 调整数据更新的时机顺序 #

BehaviorSubject会在订阅发生时立即推送当前的最新值，如果根组件调用editUser("HELLO")的时机早于UserProfileComponent完成订阅，订阅者只能拿到初始值"INITIAL"。

• 将根组件中editUser的调用从constructor移到ngOnInit或更晚的生命周期钩子，确保其他组件已完成订阅：

  // RootComponent
  ngOnInit(): void {
    this.userService.editUser("HELLO");
  }
  

2. 确保服务是单例实例 #

虽然已经用providedIn: 'root'声明服务为根注入，但要确认没有在其他模块或组件的providers数组中重复声明UserService。重复声明会生成多个独立的服务实例，导致数据无法跨组件共享。

3. 添加日志验证（可选） #

在服务中添加日志，确认editUser是否被正确调用，以及BehaviorSubject的当前值：

editUser(newLoggedUser : string){
    console.log("更新用户值为:", newLoggedUser);
    this.loggedUser.next(newLoggedUser);
    console.log("当前BehaviorSubject值:", this.loggedUser.value);
}

同时在UserProfileComponent的订阅中补充日志，确认订阅触发的时机，帮助定位问题。

内容的提问来源于stack exchange，提问作者Jean François Manatane