Angular4在div中加载外部html页面

前端之家收集整理的这篇文章主要介绍了Angular4在div中加载外部html页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在angular1中有一个应用程序,我使用jquery在我的HTML元素中加载外部页面.
这是我的容器元素的html:
  1. <div id="externalContainer" class="text-center">
  2. </div>

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

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

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

您可以使用[innerHtml]之类的东西
  1. <div [innerHtml]="myTemplate">
  2. </div>

在您的组件中

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

猜你在找的Angularjs相关文章