时间戳

首页 > 解决方案 > BehaviorSubject 问题，next() 不起作用

javascript - BehaviorSubject 问题，next() 不起作用

问题描述

我正在尝试使用角度服务来存储和通过 observable 传递数据。

这是我的服务

public _currentLegal = new BehaviorSubject({
  name: 'init',
  _id: 'init',
  country: 'init',
  city: 'init',
});
readonly currentLegal$ = this._currentLegal.asObservable();

constructor(private http: HttpClient) {
}

setCurrentLegal(legal) {
  const legaltest = {
    name: 'test',
    _id: 'test',
    country: 'test',
    city: 'test',
  }
console.log('emitting next value from', legal.name)
this._currentLegal.next({ ...legaltest });
}

我有一个调用 setCurrentLegal 的组件，console.log 被触发并且正确。然后我导航到另一个订阅 currentLegal$ observable 的组件，并且值仍然相同（init）！

我尝试通过设置公共类型并使用 getValue() 直接访问该值，同样。我尝试复制对象以不传递引用，没有改变任何东西。

这是我的下标组件 ngOnInit ：

ngOnInit(): void {
  this.legalToUpdate = this.legalService.currentLegal$.subscribe((legal) => {
    console.log(legal)
  })
}

这里有什么问题？谢谢

标签： javascriptangularobservablebehaviorsubject

解决方案

您有这种行为是因为您在不同的模块中使用它并且它被创建了不同的实例。

将您的服务放在根目录中：

@Injectable({ providedIn: 'root' })
export class LegalService implements HttpInterceptor { }

推荐阅读