在Angular 4

时间:2017-06-12 17:11:46

标签: angular data-binding

我有一个Angular 4应用程序,允许用户从模板创建一个字母。该模板由带有嵌入式占位符的文本组成,并存储在数据库中。用户加载适当的模板并为占位符/字段提供值(来自各种UI控件)。

在准备内容时,此内容中的占位符将按以下格式替换为Angular表达式:

{{this.model.property1}}

然后,生成的模板内容将呈现为段落数组,并加载到预览控件中,如下所示:

<div *ngFor="let paragraph of letter.paragraphs">
    <p [innerHtml]="paragraph">
    </p>
</div>

我希望Angular编译内容中的表达式,以便绑定模型值,就像表达式是Angular模板的一部分一样。

问题是InnerHtml指令将表达式视为文字文本,表达式显示在视图中,而不是它所解析的值。

如何将这些表达式动态注入模板以获得我想要的结果?

0 个答案:

没有答案