Angular4在div中加载外部html页面

Question

我在angular1中有一个应用程序，我正在使用jquery在我的HTML元素中加载外部页面。 这是我的容器元素的HTML：

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

我用下面的脚本加载外部页面。

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

现在这似乎并没有在angular4，专家可以指导我如何能在angular4实现这个功能？

Answer 1

您可以使用[innerHtml]像

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

在你的组件

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