2017-10-10 14 views
2

私はangular1でアプリケーションを持っていましたが、HTML要素に外部ページを読み込むためにjqueryを使用していました。 これは私のコンテナ要素のHTMLです:Angular4 div内の外部htmlページをロード

<div id="externalContainer" class="text-center"> 
</div> 

私は外部のページをロードするために、次のスクリプトを使用していました。

$("#externalContainer").load(myExternalPageLink); 

今、これは私がangular4でこの機能を実現することができますどのように、専門家が私を導くことができるangular4で動作するようには思えないのですか?私はこれでローカルファイルを読み込むことができ

答えて

3

あなたのコンポーネントで

export public class MyComponent { 
    private myTemplate: any = ""; 
    constructor(http: Http) { 
     http.get(myExternalPageLink).map((html:any) => this.myTemplate = html); 
    } 
} 
+0

<div [innerHtml]="myTemplate"> </div> 

よう[innerHtml]ものを使用することができますか? –

+0

これでローカルファイルをロードしようとしましたが、myTemplate変数が空です。 –

+0

インライン、外部スタイル/ CSSについてはどうですか?私はその効果を見ることができません。 – Vunb

関連する問題