以角度2动态呈现HTML

Question

我正在开发一个Angular 2应用程序,我在其中创建了一个对话框,该对话框将在用户点击时弹出.并且该对话框中的内容必须动态呈现为html.静态html运行良好但动态未运行.

码:

<md-dialog-content><h1>Hello Angular 2</h1></md-dialog-content>////It works..

<md-dialog-content>{{test}}</md-dialog-content>///It does not work.

它将文本显示为 '<h1>Hello Angular 2</h1>'

在组件中:

let test = "<h1>Hello Angular 2</h1>";

Answer 1

您可以简单地使用[innerHTML]指令来实现它.

<md-dialog-content>
    <span [innerHtml]='test'></span>
</md-dialog-content>