将 HTML 文件嵌入 Angular div答案

【问题标题】：Embed HTML file into Angular div将 HTML 文件嵌入 Angular div
【发布时间】：2018-12-03 15:35:38
【问题描述】：

我正在尝试在我的 Angular 应用程序中嵌入托管 HTML 页面。然而，div 又回到了空白。我按照这篇文章修改了angular 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>

【问题讨论】：

标签： angular

【解决方案1】：

您需要subscribe 到可观察对象才能接收数据。

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

【讨论】：

我相信使用map 时会自动完成。可能他需要更改语法以使用可管道运算符。
为了启动 observable（包括地图），我们需要使用 subscribe 方法
@enf0rcer 我在susbcribe 函数中添加了内容，因为我不明白为什么我们需要map 运算符。但是如果他正在使用它，是的，我们需要使用可管道操作符
我收到错误error: SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse 和消息“解析google.com 期间的Http 失败”
@SachilaRanawaka 你是对的，在这种情况下没有任何意义