为什么异步管道的新数据不会导致数据重新呈现？

Question

我已经阅读了很多关于 Angular/ReactJS 的背景知识，并试图更好地理解生命周期钩子以及它们如何协同工作，但仍然让我感到困惑的是以下场景。

假设您有一个 someService 并且在该服务中您定义了一个名为 someBehaviorSubject 的 BehaviorSubject。它在 someService 内部定义为：

public someBehaviorSubject= new BehaviorSubject<someInterface[]>([]);

然后订阅该行为主题 someAPIcall(argument: string): void。 someService.someAPIcall 定义为：

someAPIcall(argument: string): void {
  this.http.get<someInterface[]>(argument).subscribe(this.someBehaviorSubject);
}

someInterface 定义为：

interface someInterface {
  data: string
}

假设有一个名为 someParent 的父组件和一个名为 someChild 的子组件。 someParent 有两个按钮调用：

someService.someAPIcall("A");

和

someService.someAPIcall("B");

分别。 someChild 在模板中具有以下内容：

<div*ngFor="let data of someService.someBehaviorSubject | async">
  {{data}}
</div>

根据我的观察，当您在 someParent 中单击按钮 A 或按钮 B 时，数据会正确呈现数据集 A 或 B。但是，如果您在第一组数据呈现后单击另一个按钮不会使用新数据集重新呈现数据。我预计它会与直接订阅 BehaviorSubject 的异步管道一起使用。不明白为什么不重绘数据？

Answer 1

为了更新 BehaviorSubject 值，您需要使用 next() 函数将新值推送到 BehaviorSubject.

示例：

someAPIcall(argument: string): void {
  this.http.get<someInterface[]>(argument).subscribe(data => 
{
   this.someBehaviorSubject.next(data); 
});}

有关 RxJS 主题的更多信息，请考虑查看 documentation。

Why does new data to an async pipe not cause data to rerender?