如何使用Angular2的innerHTML表达式？

Question

我：

<div [innerHtml]="myStr"> 

其中：

this.myStr=='{{1+1}}' 

我希望它显示：

但它输出：

{{1 + 1}}

在Angular1 $编译用于这个问题。我们在Angular2中使用什么来编译表达式？

Answer 1

{{ }}（双括号）信号角度插值View或客户端上的值，不在组件类中。你只是想设置this.myStr的值就像一个正常的字符串变量在JavaScript中。

以下的例子中，你可以使用

this.myStr = '' + (1 + 1); 

或

this.myStr = (1 + 1).toString(); 

Answer 2

您可以使用ES6模板字符串：

this.myStr =`$ {1 + 1}`

https://developers.google.com/web/updates/2015/01/ES6-Template-Strings