如何在外部 html div 容器中包含我的 Angular 应用程序/网站？答案

【问题标题】：How to include my angular app/website in external html div container?如何在外部 html div 容器中包含我的 Angular 应用程序/网站？
【发布时间】：2020-12-22 07:12:32
【问题描述】：

这是我网站的 URL http://35.154.165.122/#/iLeadLandPage。整个网站都是用 Angular 制作的。

我需要做的是我需要将此网站包含到另一个 HTML 网页中。我需要将此网站包含到另一个新 HTML 页面的 div 容器中。

我需要做类似的事情。我在新网页的 div 中包含一个新 URL

...........
<div id="gabriel-embed" style="min-height: 800px;">
<script src="https://embed.gabrielny.com/eshopreact.js?key=1d767b46-27e8-4b05-8abf-776514fc9771&division=fashion&noframe=1&attachTo=gabriel-embed&eager=1"> </script>
</div> ............

如何为我的 Angular 应用程序执行此操作？

我需要用我的 Angular 应用的 IP 替换 src，这样每当我创建一个新的 HTML 文件时，组件就会被加载。

我怎样才能做到这一点？

【问题讨论】：

我在清理您的格式时不得不猜测一些事情；请查看。

标签： javascript angularjs angular web-development-server

【解决方案1】：

您可以使用以下方法将其嵌入到 <object> 标记中：

document.getElementById("gabriel-embed").innerHTML=<object type="text/html" data="http://example.com"></object>

请注意对两种资源使用相同的协议 (HTTP/HTTPS)，否则浏览器将不允许这样做

【讨论】：