Angular4在div中加载外部html页面

发布时间：2020-12-17 07:58:04 所属栏目：安全来源：网络整理

导读：我在angular1中有一个应用程序,我使用jquery在我的HTML元素中加载外部页面. 这是我的容器元素的html： div id="externalContainer" class="text-center"/div 我使用以下脚本加载外部页面. $( "#externalContainer" ).load( myExternalPageLink ); 现在这似乎

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

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

我使用以下脚本加载外部页面.

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

现在这似乎不适用于angular4,专家可以指导我如何在angular4中实现此功能？

您可以使用[innerHtml]之类的东西

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

在您的组件中

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!