angularjs ng-bind-html to iframe 正在 <html> 标签之外呈现 HTML

angularjs ng-bind-html to iframe is rendering HTML outside of <html> tags

提问人:rolinger 提问时间:9/24/2023 更新时间:9/24/2023 访问量:26

问:

我正在将页面从 $http.get 加载到 iFrame 中。$http.get 检索完整的 HTML 页面,就好像它是本机导航到的一样,但是当我将内容附加到 iframe 时,内容被加载到 HTML 标签之外......并且检索到的文档中的原始 HTML 标记现在丢失了。

控制器:

  // call to $http.get() service
  clubService.eventShow($scope.club.ceID)
  .then(function(res) {
    if (res.success == true) {
      $scope.eventItem.urlHTML = $sce.trustAsHtml(res.data);
      $scope.eventItem.isLogin = 1 ;        
    }
  }) ;

HTML格式:

  <iframe id="eventFrame" ng-bind-html="eventItem.urlHTML" style="width:100%;height:100%;"> </iframe> 

呈现到页面的内容是:

<iframe id="eventFrame" ng-bind-html="eventItem.urlHTML" style="width:100%;height:100%;" class="ng-binding">
   #document
      <html>
         <head></head>
         <body></body>
      </html>

   // HERE IS WHERE IMPORTED HTML IS ATTACHED:
   //
   // <!DOCTYPE html>, <HTML> and <BODY> tags are stripped
   //    ...but they are in the raw response, visible in the chrome dev tools network session
   //
   // All the below html is NOT a child of #document either, its at the same level.
   <meta ...>
   <link ...>
   <script> ...</script>
   <main>
     .... all the page code
   <main>

</iframe>

如何将加载的 HTML 文档正确附加到我的 iframe?

javascript angularjs dom iframe xmlhttprequest

评论


答: 暂无答案