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

Question

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

**

property does not exist on type 'BehaviourSubject'

**

SharedService.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);
    }
}

child.component.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

您正在 return 观察 BehaviorSubject。相反，您需要 return BehaviorSubject 作为 可观察对象。

尝试以下方法

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

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