Angular6中的[innerhtml]内部未加载角插值绑定值

Question

在Component.ts

this.innerHtmlValueData  = "<....>{{title}}<...>"

在HTML

<...[innerHTML]="innerHtmlValueData"></...> 

我也尝试过使用sanitizer.bypassSecurityTrustHtml仍然无法正常工作。它不显示标题值，

Answer 1

HTML

<div [innerHTML]="innerHtmlValueData"></div>

在Component.ts

title = "ERP"

innerHtmlValueData  = "<htmltag>"+this.title+"</htmltag>"

或

innerHtmlValueData:string = `<span class="badge badge-secondary">${this.title}</span>`

尝试