Angular9 rxjs-behaviorsubject 不适用于不同的组件？

Question

我正在尝试将数据从配置文件组件实时更新到标头组件，最初它可以正常工作，但在更新配置文件组件标头可观察的任何值后，不再订阅。所以我在这样的组件中使用带有 BehaviorSubject 和 Subscription 的服务。请检查我的代码，看看我的代码有什么问题：

服务代码：

//Service (code related to the problem):
 this.userInfo = new BehaviorSubject(JSON.parse(localStorage.getItem('userData')));
  this.updatedPageData = new BehaviorSubject('');
  this.userValue = this.userInfo.asObservable();

配置文件组件

   //updateData for emit updated value
   updateData(data){
      this.storage.saveDataInStorage(data);
      this.cmnFunction.userInfo.next(data);
   }

标题组件

//Get values
 this.cmnFunction.userValue.subscribe(data=>{
    if(data != null) {
      this.currentUseInfo.name = data.name;
      this.currentUseInfo.image = data.image;
      this.currentUseInfo.role = data.role;
    }
  })

谁能告诉我我的代码有什么问题？

Answer 1

这是预期的行为，因为您已使用另一个值重新分配 userValue，如下行所示：this.userValue = this.userInfo.asObservable();

考虑应用以下更改：

服务代码：

private userInfoSource = new BehaviorSubject(JSON.parse(localStorage.getItem('userData')));

public userValue = this.userInfoSource.asObservable();

public set updateUserInfo(value: string){
  this.userInfoSource.next(value)
}

配置文件组件

updateData(data){
  this.service.updateUserInfo = data
}

标题组件

this.service.userValue.subscribe(data=>{
  if(data != null) {
    this.currentUseInfo.name = data.name;
    this.currentUseInfo.image = data.image;
    this.currentUseInfo.role = data.role;
  }
})