在同一页面中运行两个Angular应用程序完全分开

Question

我目前正在开发一个应用程序，允许其他Angular应用程序嵌入到主框架中。

目前我们正在使用IFrame作为此机制，它完全正常但有一些限制。

我正在尝试删除IFrame并嵌入另一个Angular应用程序。我原本以为id能够使用Web Components和使用shadow DOM这样做，但我发现它只隔离了CSS而不是实际的JavaScript。

所以我要问的是 - 是否可以在同一窗口中运行两个完全独立的Angular应用程序？我不是在谈论重用Angular lib，id就像能够运行不同的版本。

所以理论上它会像这样工作..

1. 加载'Shell'应用程序，这是一个Angular应用程序
2. 分别加载儿童应用程序＆amp;所有的库（角度，区域，rxjs等）
3. 初始化所有库并将Angular应用程序引导到容器中

任何帮助都会很棒！

Answer 1

我不知道这会起作用或不起作用，因为我没有尝试过。

此处指向的链接可能是解决方案 https://blog.sstorie.com/bootstrapping-multiple-angular-2-applications-on-the-same-page/