当字符串是角度的Iframe标签时如何使用innerHTML

【问题标题】：how to use innerHTML when the string is an Iframe tag in angular当字符串是角度的Iframe标签时如何使用innerHTML
【发布时间】：2017-09-12 08:55:49
【问题描述】：

有一个字符串类型变量，其中包含一个 iframe 标记。我需要 Angular 将字符串识别为 iframe HTML 标记并填充 HTML。

目前，angular 正在构建它的 has 字符串。

请检查以下代码

变量：

this.longDesc = "<iframe width="something" height="something" src="something" ></iframe>"

html 文件

<div class="description-panel" [innerHTML]="longDesc" ></div>

【问题讨论】：

标签： javascript angular iframe

【解决方案1】：

Step1 : 在ts文件中导入以下部分

import {DomSanitizer} from '@angular/platform-browser';

第2步：在特定的ts文件中定义构造函数

constructor(private domSanitizer:DomSanitizer) {}

第3步：-根据需求（方法/函数或构造函数）在ts文件中使用以下代码

this._EmittersService.longDescemitted$.subscribe(obj => {
      this.longDesc = this.domSanitizer.bypassSecurityTrustHtml(obj or any html content);
or 
this.longDesc = this.domSanitizer.bypassSecurityTrustHtml('<iframe width="something" height="something" src="something" ></iframe>')
     });

【讨论】：

有效，谢谢。但我不相信我们需要导入 "SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl" 需要导入。