将带有html标记的文本显示为html

时间:2018-06-21 09:17:59

标签: html angular ionic-framework

我正在尝试将文本文件显示为html。我正在使用离子型。 我将以html格式但文本文件的响应发送到配置文件页面。在.ts页的变量名称中。

Overwrite

现在我正尝试使用html格式显示它

@Component({
  selector: 'page-profile',
  templateUrl: 'profile.html',
})
export class ProfilePage{
  name: any;

  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.name = navParams.get('name');

但是我得到的是文本格式而不是html。如何以html格式显示?

1 个答案:

答案 0 :(得分:1)

您需要使用DomSanitizer绕过您提供的html(bypassSecurityTrustHtml)。

constructor(public navCtrl: NavController,
            public navParams: NavParams,
            private sanitizer: DomSanitizer) {

  this.name = sanitizer.bypassSecurityTrustHtml(navParams.get('name'));

}

在此处了解更多信息:https://angular.io/guide/security#bypass-security-apis