我有一个Angular 4应用程序,允许用户从模板创建一个字母。该模板由带有嵌入式占位符的文本组成,并存储在数据库中。用户加载适当的模板并为占位符/字段提供值(来自各种UI控件)。
在准备内容时,此内容中的占位符将按以下格式替换为Angular表达式:
{{this.model.property1}}
然后,生成的模板内容将呈现为段落数组,并加载到预览控件中,如下所示:
<div *ngFor="let paragraph of letter.paragraphs">
<p [innerHtml]="paragraph">
</p>
</div>
我希望Angular编译内容中的表达式,以便绑定模型值,就像表达式是Angular模板的一部分一样。
问题是InnerHtml指令将表达式视为文字文本,表达式显示在视图中,而不是它所解析的值。
如何将这些表达式动态注入模板以获得我想要的结果?