Wie bekomme ich HTML von iframe in eckigen

Question

Ich möchte HTML-Code von Header aus iframe und setzen Sie es in eckige App. Es sieht aus wie:

iframe:

<div id="event-details-wrapper"> 
    <div id="event-details">Header</div> 
</div> 

Winkel html:

<iframe id="welcome-iframe" ng-src="{{ welcomeUrl }}"></iframe> 

{{ header }} 
    <br /> 
<div ng-bind-html="header"></div> 

Winkel js:

$scope.welcomeUrl = $sce.trustAsResourceUrl('http://localhost:63342/welcome.html?id=123'); 

var html = $sce.trustAsHtml(angular.element('#welcome-iframe').contents().find('#event-details-wrapper').get(0).innerHTML) ; 

$scope.header = html + '<div>Hello</div>' ; 

und Ergebnis:

...</iframe> 
     <div id="event-details">Header</div> //just text 


     Hello //div element 

Wie kann ich HTML von iframe in meine App einfügen?

Answer 1

tun nur etwas entlang der Linien von:

var targetIFrame= window.frames['targetIFrame'].document; 
var iFrameBody = targetIFrame.getElementsByTagName('body'); 
var iFrameHeader = iFrameBody.getElementById('event-details-wrapper'); 

$scope.header = iFrameHeader.innerHTML;