BehaviorSubject 问题，next() 不工作

Question

我正在尝试使用 angular 服务通过 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) !

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

这是我的订阅组件 ngOnInit :

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

这是怎么回事？谢谢

Answer 1

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

将您的服务置于根目录中：

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

BehaviorSubject 问题，next() 不工作

BehaviorSubject issue, next() not working

javascript

observable

behaviorsubject

angular