AngularJS：打开几个选项卡，只有一个应该运行特定的功能

Question

我不确定这是否可行，但我要做的是有一个AngularJS应用程序在localStorage中存储一些数据，以便运行应用程序的所有选项卡都可以访问共享数据。我还希望能够通过$ http服务使用setInterval（）自动更新该数据。

这些都很容易。

问题是用户可能在多个选项卡中打开应用程序，并且运行该应用程序的所有选项卡都将尝试更新共享数据，而我想要做的只是其中一个标签充当“主”，只有该标签运行更新功能。

所以这个过程应该是这样的：

1. 在第一个标签页中打开应用
2. 检查选项卡是否是运行应用程序的唯一选项卡（假设此示例适用）
3. 第一个标签变为“主”
4. 等待10分钟，然后第一个标签运行更新功能
5. 打开运行相同应用的第二个标签
6. 检查选项卡是否是运行应用程序的唯一选项卡（不是，所以这是错误的）
7. 等待10分钟，两个标签都尝试运行更新功能，但只有第一个更新数据，因为它是设置为“主”的数据
8. 第一个标签由用户关闭
9. 第二个标签检查是否是唯一一个运行应用程序的人（现在是，所以这是真的）
10. 第二个标签（或任何其他打开的标签）变为“主”

有没有办法在AngularJS或通用的Javascript方式实现这一点？这甚至有意义吗？

由于