首页 > 解决方案 > 如何在普通 HTML 中使用对象标签嵌入角度站点?

问题描述

我正在尝试使用对象标签在另一个网站中显示 Angular 网站。我也尝试使用嵌入,iframe,这里我不喜欢 iframe。

这是我的代码

<object type="text/html" data="http://localhost:4200/auth/user-details/step1" width="800px" height="600px" style="overflow:auto;border:5px ridge blue">
</object>

IE11 和 FireFox 没有显示任何内容。在铬中工作。

我尝试了以下代码并在 Firefox 中解决但在 IE11 中没有

<!DOCTYPE html> <html>

<head> <meta charset="utf-8"/>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="http://danml.com/js/download.js"></script> </head>

<body>   <h1>Main ad</h1>   <ad-holder url="http://localhost:4200/"  width="800px" height="600px" ></ad-holder>




  <script>
    $('ad-holder').each(function() {
      var $object = $(document.createElement('object'));
      $object.attr('data', 'http://localhost:4200/');
      $(this).append($object);
    });   </script>

</body>

</html>

还有其他方法可以实现吗?

标签: htmlangular

解决方案


推荐阅读