Ionic DomSanitizer gives Uncaught TypeError: Cannot read property 'offsetHeight' of null

Question

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

这是 template/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 inside ion-content 标签

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

Ionic DomSanitizer gives Uncaught TypeError: Cannot read property 'offsetHeight' of null

Ionic DomSanitizer gives Uncaught TypeError: Cannot read property 'offsetHeight' of null

html-sanitizing

typescript

ionic-framework

angular