如何使用Angular2 innerHTML表達式？

Question

我有：

<div [innerHtml]="myStr">

哪里：

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

我希望它顯示：

2

但是它輸出：

{{1 + 1}}

在Angular1中，$ compile用於此問題。 我們在Angular2中使用什么來編譯表達式？

Answer 1

{{ }} （雙括號）發出角度信號，以插值View或客戶端上的值，而不是組件類中的值。 您只想像在JavaScript中的普通字符串變量一樣設置this.myStr的值。

按照您的示例，您將使用

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

要么

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

Answer 2

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

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