在其他域的div中包含角度应用，不包含iframe

Question

我有一个角度应用程序，它具有各种依赖项，如模块和样式。

另一方面，我有多个网站，我想在这个应用程序中包含所有依赖项（就像你在iFrame中一样）。 我希望将应用程序包含在div中（就好像它是iframe）但我必须是div，而不是iFrame，因此其他网站可以为内联应用程序选择自己的样式。

这样，当我将它添加到我的CORS时，我可以让每个站点都包含该应用程序。 喜欢：

<div ng-include="app_from_other_domain"></div>

随着该div内的所有路由。

在阅读了大量文档后，我不知道从哪里开始。 任何帮助，将不胜感激！

Answer 1

为什么不将应用程序包装在自己的模块中并创建一个指令来使用它？ 然后只需要在其他角度应用中使用该模块。 那不是更干净吗？

Answer 2

这是不可能的，因为当Angular JS执行摘要周期时，它是文档范围的，总是假设文档中只有一个应用程序。

使用Angular进行应用程序共享的方法是将应用程序设计为经过良好调整，然后您可以加载并包含其他角度应用程序所需的模块。

Answer 3

尝试做下面的事情

• 创建应用程序并将其分配给模块，例如angular.module（'sub-application'）。controller（）。config（）;
• 定义您的路线/部分/控制器等。
• 您只需要访问应用程序的主模块，以便可以在其中注入模块名称
• 您只想运行潜水应用程序，以便将子应用程序控制器分配给该潜水
• 其他选项不是使用ngRoute或ui-route用于状态和部分使用jquery来隐藏或切换多个视图。您可以使用角度控制器处理其他功能