如何将Angular 6应用程序嵌入HTML页面

时间:2018-11-21 22:10:39

标签: angular angular6

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

基于我的Google搜索,我首先查看了“ Angular Elements”,但该App使用的是我(但现在)尚不支持Angular支持的路由。至少有一个POST提示可能会出现路由-这可用吗?

我发现的另一个选择是实现single-spa-angular-cli,但是我发现指令不连贯和/或不完整(例如README.md说创建loader.js,然后将我定向到示例应用程序其中不包含此类文件。)

因此,在开始发布有关single-spa-angular-cli的问题之前,我想我应该首先问一下这是否是将App添加到HTML页面的最佳方法?

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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