如何将 Angular 6 应用程序嵌入到我的 HTML 页面中答案

【问题标题】：How do I embed an Angular 6 App into my HTML page如何将 Angular 6 应用程序嵌入到我的 HTML 页面中
【发布时间】：2018-11-22 06:19:07
【问题描述】：

我编写了一个 Angular 6 应用程序（以下称为“应用程序”），它对我的服务器进行 API 调用以进行 CRUD 类型的操作。同时，我有一个现有的应用程序，它向我们的用户呈现老式的 HTML。对于我们的支持团队，我想嵌入应用程序，这样他们就可以直接进入数据库来修复不良数据。我的设计是在页面上添加一个图标，单击该图标会在模态中打开应用程序。我不知道它是否相关，但应用程序不需要与托管页面来回传递数据。我不知道如何实现这一点。

根据我的 Google 搜索，我首先查看了“Angular Elements”，但该应用程序使用我读过的路由，但 Angular 不（尚）支持。至少一个 POST 暗示 Routes 可能即将到来——这可用吗？

我发现的另一个选项是实现 single-spa-angular-cli，但我发现指令脱节和/或不完整（例如，README.md 说创建 loader.js，然后将我引导到示例应用程序其中不包括此类文件。）

所以，在我开始发布有关 single-spa-angular-cli 的问题之前，我想我应该先问一下这是否是将应用程序添加到我的 HTML 页面的最佳方式？

谢谢！

【问题讨论】：

看看这两页，也许他们有你要找的信息：Angular Elements Micro Apps和Angular Web Components

标签： angular angular6

【解决方案1】：

您可以简单地嵌入应用程序吗？ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed

或者，我从没想过我会建议这个...使用老式的 iframe

【讨论】：

谢谢！我忙于寻找 Angular 解决方案，所以没有考虑简单的 HTML 方法。