web-dev-qa-db-ja.com

Angular4 divに外部HTMLページを読み込む

Angular1にアプリケーションがあり、jqueryを使用してHTML要素に外部ページをロードしていました。これは私のコンテナ要素のhtmlです：

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

次のスクリプトを使用して、外部ページをロードしました。

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

これは、angular4で機能しないようです。専門家は、angular4でこの機能をどのように実現できますか？

angulartypescriptecmascript-6
6
Awais Ashraf

[innerHtml]のようなものを使用できます

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

コンポーネント内

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

私はここでパーティーに少し遅れていることを知っていますが、自分の問題を解決しようとしてこの質問に出会い、他の誰かが同じ問題を抱えていた場合に備えて共有したいと思いました。

また、ブログの外部HTMLでカスタムコンポーネントを使用できるようにしようとしていました。

ブログ（dynamically generate angular external htmlからのコンポーネント） ですべてを文書化しました。

うまくいけば、これがこれに出くわす次の人に中程度に役立つことを願っています。

2
Amos47