将HTML文件嵌入Angular div

Question

我正在尝试将托管HTML页面嵌入我的角度应用程序中。但是，div返回空白。我紧跟本文，并修改了角度7的代码，Angular4 Load external html page in a div

无效

我控制台注销结果，但显示为空

我的代码如下

  template: any = '';
  constructor(http: HttpClient) {
      http.get('http://www.google.com').map((html: any) => this.template = html);
      console.log(this.template);
  }


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

Answer 1

您需要subscribe到可观察的位置才能接收数据。

http.get('http://www.google.com').subscribe((html: any) => {
   this.template = html
   console.log(this.template);
});