Javascript Angular 6使用管道将字符串转换为Html

我的输入字符串是

  html:string="<a role="button" class=" fas fa-trash-alt fa-1x" title="Remove Link" href="#"></a>"

我想把它转换成一个原始的html

管道：

Html代码：

<div>
    <div [innerHtml]="html | htmldecoder">
    </div>
</div>

进入UI的输出是

<a role="button" class="fas fa-trash-alt fa-1x" title="Remove Link" href="#"></a>

---

预期的输出应该是按钮

在代码中做以下更改，它就会工作，代码非常简单，便于自我解释

app.component.ts

  html = `html:string="<a role="button" class=" fas fa-trash-alt fa-1x" title="Remove Link" href="#">aditya</a>"`;

烟斗

app.component.html

<div [innerHTML]="html | htmldecoder">

不确定是否有简单的出路。我想你可以试试这样的东西。请记住，只有极少数情况下需要

绕过SecurityTrust…

。而且在安全方面（xss）是一个坏主意。所以，确保你知道自己在做什么。@anup.p你可以检查我的答案，也可以关注Stavm所说的话

  transform(value) {
    value = value.substring(13, value.length-1);
     var doc = new DOMParser().parseFromString(value, "text/html");
     const value123 = doc.documentElement.textContent;
    return this.sanitized.bypassSecurityTrustHtml(value123);
  }

<div [innerHTML]="html | htmldecoder">