Question

我有：

<div [innerHtml]="myStr">

其中：

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

我希望它显示：

2

但它输出：

{{1 + 1}}

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

Answer 1

{{ }}（双括号）表示角度来插值View或客户端上的值，而不是组件类中的值。您只想将this.myStr的值设置为javascript中的普通字符串变量。

按照您的示例，您将使用

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

或

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

Answer 2

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

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