如何编译包含角度表达式的动态HTML

Question

我正在从数据库加载包含角度表达式的HTML。 前db html：<div>{{dynamicContent}} </div>

我的组件中已经具有用于“ dynamicContent”的ngModel。 问题：当我从数据库加载html时，它打印为纯html。  它应该评估html并打印ngModel值。

在角度1中，我使用$ compile进行相同操作，如何在角度6中达到此目的？

this.sanitizer.bypassSecurityTrustHtml（value）;

<div class="col-md-4 col-sm-4 col-12 offset-md-1"  innerHtml="{{dynamicContent}}">

Answer 1

在Angular 2+中几乎是同一件事。

正确的语法是<div [innerHTML]="theHtmlString"></div>

清理将自动完成，以防止恶意脚本标记被注入到div中。来源：Angular - Template syntax

Answer 2

请使用以下方法，我认为这对您有用。

<div class="col-md-4 col-sm-4 col-12 offset-md-1" [innerHtml]="dynamicContent">

Answer 3

您可以

div class="col-md-4 col-sm-4 col-12 offset-md-1" >{{dynamicContent | safeHtml"}}</Div>

或

<div class="col-md-4 col-sm-4 col-12 offset-md-1"  [innerHtml]="dynamicContent| safeHtml"></div>

Answer 4

您必须使用[]括号来执行它，否则它将被视为字符串。 像这样 查看https://angular.io/guide/template-syntax

中的数据绑定