angular - 以 Angular 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>