离子 DomSanitizer 给出未捕获的类型错误：无法读取 null 的属性'offsetHeight'

Question

和许多其他人一样，我正在尝试从服务器检索HTML页面以将其显示在IONIC应用程序上。

这是模板/html：

<ion-content padding [innerHtml]="HTMLcontent">
</ion-content>

这是模块：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Http } from '@angular/http';
import { DomSanitizer } from "@angular/platform-browser";
export class RandomPage {
  HTMLcontent;
  constructor(public navCtrl: NavController, public navParams: NavParams, private http:Http, private sanitizer: DomSanitizer) {}
  ionViewDidLoad() {
    this.http.get("SAFE_URL_HERE").subscribe(html=>{
      this.HTMLcontent = this.sanitizer.bypassSecurityTrustHtml(html['_body']);
    });
  }
}

现在，问题是每当我尝试访问此页面时，都会收到此错误：

Uncaught TypeError: Cannot read property 'offsetHeight' of null
    at Content.getContentDimensions (content.js:529)
    at Content._readDimensions (content.js:693)
    at content.js:220
    at SafeSubscriber.schedulerFn [as _next] (core.js:4235)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:238)
    at SafeSubscriber.next (Subscriber.js:185)
    at Subscriber._next (Subscriber.js:125)
    at Subscriber.next (Subscriber.js:89)
    at EventEmitter.Subject.next (Subject.js:55)
    at EventEmitter.emit (core.js:4203)

我现在找到的唯一解决方法是拥有这样的模板：

<ion-content padding>{{HTMLcontent}}</ion-content>

但它会输出文本而不是 HTML，所以不行

Answer 1

尝试在离子内容标签中使用div

<ion-content padding>
<div [innerHtml]="HTMLcontent"></div>
</ion-content>