尝试将字符串显示为HTML

Question

我正在尝试将字符串显示为HTML，并使其能够像模板代码一样执行。最终字符串来自后端。这是一个显示我不同尝试的Stack Blitz。

这可以在Angular中完成吗（使用6）？

Answer 1

你好用[innerHtml]

尝试bt

被修改

<强> HTML

<div #divref [innerHTML]="html4"></div>

<强>组件

  html4 = 'click <a><b>here</b></a>';
  @ViewChild("divref", {read: ElementRef}) divref: ElementRef;


  ngAfterViewInit() {
    // child is set

   this.divref.nativeElement.addEventListener('click', ()=>{
      this.reset();
    })    

  }

demo

Answer 2

在显示HTML之前，您需要使用DomSanitizer类清理HTML。这是一种内置的方法来绕过Angular对XSS的安全性。