角度应用程序与不同的应用程序路径

Question

我在同一台服务器上部署了两个应用程序。这两个应用程序都是基于角度的应用程序。

其中一个网址如下： http://localhost:8080/something/debug.html

另一个：

http://localhost:8080/somethingElse/debug.html

我想组合这些应用程序，以便我可以拥有相同的标题，然后可以路由到容器中的各个内容。 在角度JS中实现这一目标的最佳方法是什么？

Answer 1

您可以使用https://github.com/angular-ui/ui-router创建主路线，该主路线链接到两条单独的应用路线。

Answer 2

如果您希望将它们部署在不同的网址中，我相信没有“角度方式”这样做，您必须使用iframe。请记住，iframe中的应用程序不会与其外部的元素进行通信。

如果你想将两个应用程序合并为一个应用程序，请记住，AngularJS只允许每个应用程序使用一个ng-app指令，如果你这样做，那么你将不得不做一些小的重构：< / p>

1. 创建一个新的AngularJS模块，其中包含其他2个现有模块作为依赖项。
2. 使用全局布局创建index.html并使用ng-app指令引用新创建的模块。
3. 使用 ui-router 或 ngRoute 等工具设置到现有应用程序的路由，确保状态/网址不会发生冲突。

  

如果每个应用程序使用不同的路由库，则必须重构它们以使用相同的路由库，否则会发生冲突。