以角度动态编译元素

Question

问题与 Angular 2 中的 $compile 等效

相同

但我有一个元素

<div>Hello {{name}}!</div>

我将类中的name定义为

this.name = "<b>Mr_Perfect {{job}}</b>";
this.job  = "UI Developer";

现在，我需要动态编译div。我刚刚检查了上面的链接，很少有答案被弃用，问题中接受的答案很好，但需要编写大量代码才能编译一个小元素。

在最近发布的 angular 中是否有更好的方法？

Answer 1

你可以做

<div>Hello <span [innerHTML]=name></span>!</div>