问角:绑定到服务->值的可观察属性不会更新

EN

我正在尝试使用BroadcastChannel API在两个浏览器选项卡/窗口之间进行通信。通信似乎在两个角度服务实例之间工作，但未显示可观察到的值的变化。我主要是使用async管道来实现这一点。

我在StackBlitz有一个我的问题的演示

我有两个组件，使用路由器显示。(control和display)

我有一个服务(MessagingService)，其中有一个BehaviorSubject和BroadcastChannel API -communications。该服务被注入到两个组件中。

  export class MessagingService {
  private _value = 1;
  valueSubject: BehaviorSubject<number> = new BehaviorSubject<number>(this._value);
  value$: Observable<number> = this.valueSubject.asObservable();

  private bc: BroadcastChannel = new BroadcastChannel('controlChannel');

  constructor() {
    this.bc.onmessage = this.handleEvent;
  }

当我打开两个选项卡(一个在/control中，一个在/display中)时，我可以在/control中增加值，并在控制台接收/display中的新值，但是这些值不会被更新。

装订：<p>service value: {{ messenger.value$ | async }}</p>

注射：constructor(private messenger: MessagingService) { }

所以问题是我做错了什么？我在display中进行了额外的订阅，触发了next调用，但是异步绑定没有得到更新。我还在同一个选项卡中看到了正确的MessageEvent，在数据中有正确的值。

编辑:附加测试显示，当按下用于更改本地值的按钮时，将更新该值。因此，这似乎是一个变化检测的问题。