当字符串是Angular中的iFrame标签时，如何使用InnerHTML

Question

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

当前，Angular正在构建其具有字符串。

请检查以下代码

变量：

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

html文件

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

Answer 1

step1：导入TS文件中的以下部分

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

步骤2：定义perticular 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>')
     });