javascript – 是否可以使用rxjs angular 5在其他标签浏览器中订阅observable

我有一个角度应用程序,有两个页面,我在浏览器的每个选项卡中打开它们,如果我在第1页中执行某些方法,我希望第2页订阅数据更改为rxjs并更新第2页中的数据,如实时应用程序,是有什么办法可以在没有websocket的情况下做到这一点吗?我用subscribe方法尝试了它,但只有第1页听了订阅.
这是第1页称为刷新方法来更新布尔值

this.service.doRefresh();

第2页听

this.service.$refresh.subscribe(x=>{//boolean value changed by page 1(tab1)
    if(x) {
        console.log(x);
        this.service.stopRefresh();
    }
});

解决方法:

您实际上可以将事件侦听器添加到localStorage,以便您可以使用localStorage在选项卡之间“传递消息”

localStorage.setItem('yourKeyName', true)

window.addEventListener('storage', (event) => {
   if (event.key == 'yourKeyName'){
      //update data
   }
});

因此,当您在一个页面上更改localStorage中某些内容的值时,另一个页面可以订阅它更改的事件

浏览器支持和更多信息:https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage#Browser_compatibility

上一篇:javascript – Angular 4 this.http.get(…).map不是函数


下一篇:javascript – RxJS:仅在不同的情况下对流进行去抖动