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

Question

这是我的网站http://35.154.165.122/#/iLeadLandPage 的 URL 。 整个网站是用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 文件时，组件就会被加载。

我怎样才能做到这一点？

Answer 1

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

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

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