无法通过 BehaviorSubject 访问数据的属性。 BehaviorSubject 上不存在属性

Question

使用 BehaviourSubject 在我的应用程序中设置共享数据时，我无法访问数据的属性。 获取错误：-

**

'BehaviourSubject' 类型不存在属性

**

共享服务.ts

setCommonData(data): void {
  this.commonData.next(data);
}
getCommonData(): Observable<BehaviorSubject<any>> {
  return this.commonData;
}

app.component.ts

// result = {id: number, name: string, info: {}}
getData(): void {
    this.dataService.getApi(url, {}, true).subscribe((result) => {
        this.sharedService.setCommonData(result);
    }
}

子组件.ts

displayData(): void {
    this.sharedService.getCommonData().subscribe((data) => {
         this.displatData = data // works
         this.info = data.info // property info does not exist on type 'BehaviourSubject<any>'
    });
}

Answer 1

您正在返回BehaviorSubject的可观察对象。 相反，您需要将BehaviorSubject作为可观察对象返回。

尝试以下

setCommonData(data): void {
  this.commonData.next(data);
}

getCommonData(): Observable<any> {         // <-- return `Observable` here
  return this.commonData.asObservable();
}