Question

我在我的应用程序中使用Behavioursubject，我使用异步管道订阅了Behavioursubject，并且已经在组件中订阅了。

问题：每当我尝试更新Behavioursubject中的数据时，数据就会在Behavioursubject中更新。组件订阅未更新。在应用程序启动订阅时执行。基于更改启动后，我正在更新服务中的数据，服务中的数据正在更新，但组件内部的订阅未更新。

我尝试了多种方法，例如将服务注册更改为根模块，但还是行不通

这是我的组件代码：

这是方法订阅。

 ngOnInit() {
 this.getnotifications();
 }
 getnotifications() {
     this.notifications.getjsnotifications('all');
    this.notifications.jsnotifications.subscribe(data => {
      console.log("came after the update");
      this.jsnotifications = data;
    });
   }

以下是服务代码：


  public jsnotifications = new BehaviorSubject(null);

  constructor(){
   this.getjsnotifications("all");
  }

  getjsnotifications(type){
    this.http.get<Config>(`${environment.JS_API}/jobseeker/notifications/getJobSeekerNotifications?notificationType=`+type).subscribe(data =>{
     console.log(data.map.notificationsVo);
      this.jsnotifications.next(data.map.notificationsVo);
      this.jsnotifications.subscribe(data => {
        console.log(data);
      })
      this.testbehaviour.next(data.map.notificationsVo);
      console.log("data updated");
    });
  }

请帮助我解决问题。

谢谢。

Answer 1

尽管有以下两个奇怪的事情，您的代码是正确的并且应该可以工作：

预订服务中的HTTP请求是一种奇怪的模式
HTTP订阅中的订阅将在每个HTTP请求中重复

问题很可能来自您声明服务的方式，导致创建了两个不同的实例。

请确保仅使用以下一种方法声明您的服务：

带有此注释@Injectable({ providedIn: 'root' })
在根模块的providers部分

如何修复服务到组件之间的行为主题订阅问题

1 个答案: