角度插值绑定值未加载到angular6中的[innerhtml]内部

在

Component.ts中

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

this.innerHtmlValueData=“{{title}”

在HTML中

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

我也尝试过使用

消毒剂。bypassSecurityTrustHtml

它仍然不起作用。它不会在HTML中显示标题值

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

In Component.ts

title = "ERP"

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

title=“ERP”
innerHtmlValueData=”“+此.title+“”

或

innerHtmlValueData:string=`${this.title}`

---

试试这个

欢迎。请显示更多代码，日志中的一些错误，以便我们提供帮助。嗨，我们的应用程序中有design studio，我们可以拖放组件（文本框、表单字段等）。根据设计，我们需要加载HTML。该HTML还包含类似插值绑定的代码，以及许多角度字段和指令。当我尝试使用[innerHTML]属性时，它正用于正常的HTML操作（即使用B标记，它显示粗体内容），但当尝试将标题变量值显示为{{title}}而不是显示标题时，它不适用于角度代码，它将原始数据显示为“{title}”示例代码var content=“{{title}”不仅是变量绑定，我们还需要angular中所有东西的支持，如angular属性绑定、样式呈现等。我添加了通过动态编译呈现HTML的问题，但没有得到适当的解决方案。感谢您的回答，请阅读我对该问题的评论。我们有两个单独的组件，一个用于设计，另一个用于预览。在设计页面上，上面的html（innerHtmlValueData=“+this.title+”）已绑定，但标题值驻留在预览组件中，因此在create comp html中，它将抛出错误title is undefinedinnerHtmlValueData:string=

${this.title}

use back quoteyou有两个单独的组件，然后使用@viewChildren。再次感谢！通过使用${this.title}，我们可以在[innerHTML]中绑定值。但是，我们不仅需要绑定，像ngFor、ngIf等需要工作，而且[innerHTML]中不支持它，那么我如何解决这个问题，请提出一些想法。嗨，根据我的经验和知识，使用函数绑定我认为这对你来说是不够的，但根据我的理解，我做了这段代码。

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