javascript - 多个 Angular JS 应用程序共享同一屏幕空间

Question

我有两个 angular.js 应用程序，app1 和 app2。我手动引导这些应用程序，每个应用程序都有自己的 div。 app1 和 app2 都有多个状态，我使用 ui 路由器将应用程序状态映射到部分和 Controller ，这部分对于这两个应用程序都非常有效。

对我来说，困难在于在任何给定时间只能看到这些应用程序之一。哪个应用程序应该可见由当前 URL 确定(因此，如果 URL 对应于 app1 中的状态，则 app1 可见，app2 隐藏)。我的问题是:如何仅显示应该可见的应用程序？有没有一种方法可以做到这一点，而无需在状态发生变化时手动显示/隐藏 div？

Answer 1

使用常规 API 无法在 Anglar 模块之间进行通信，这不是 Anglar 方式。因为您尝试通过 url 确定模块的可见性，所以向一个模块添加更多路由对我来说更有意义。