2016-07-18 5 views
0

iframe内にコンポーネントを角2で含める方法はありますか?iframe内のコンポーネントangle2

このコードが動作
var doc = document.getElementById('iframe').contentWindow.document; 
    doc.open(); 
    doc.write('<component-b></component-b>'); 
    doc.close(); 

は(それがIFRAME内の簡単なボタンをレンダリング):

このコードは動作しません

(それはIFRAME内のコンポーネント-Bと呼ばれる角度成分をレンダリングする必要があります)

var doc = document.getElementById('iframe').contentWindow.document; 
    doc.open(); 
    doc.write('<button></button>'); 
    doc.close(); 
+0

Angularはiframeの外側でも内部でもなく、動的に追加されたHTMLを処理しません(バインディングやコンポーネント/ディレクティブはインスタンス化されません)。 http://stackoverflow.com/questions/36325212/angular-2-dynamic-tabs-with-user-click-chosen-components/36325468#36325468 –

+0

にあるように、ViewContainerRef.createComponent()を試すことができますあなたはガンター – gabriela

答えて

1

angle2アプリ内にiframeがある場合、これはまったく異なるコンテキストです。 (別途申請)

上記のため、コンポーネント/バインディングは動作しません。

唯一のことは、あなたのiframe内に別の角張ったアプライアンスをブートストラップすることですが、そのことを望まないと確信しています。

関連する問題