I have:
<div [innerHtml]="myStr">
where:
this.myStr=='{{1+1}}'
I want it to display:
2
But it outputs:
{{1+1}}
In Angular1 $compile was used for this issue. What do we use in Angular2 to compile expressions?
-
2Why not directly put this.myStr = 1+1; ?LoïcR– LoïcR2017-04-12 17:05:51 +00:00Commented Apr 12, 2017 at 17:05
-
stackoverflow.com/questions/34784778/…Günter Zöchbauer– Günter Zöchbauer2017-04-12 17:06:17 +00:00Commented Apr 12, 2017 at 17:06
-
i tried that link but it does not evaluate expressions in a string. It just dynamically creates components which are already defined but not yet instantiated.danday74– danday742017-04-12 17:09:27 +00:00Commented Apr 12, 2017 at 17:09
-
'{{ 1+1 }}' is an extreme simplification of my use case but if I can get '{{ 1+1 }}' working then I think I'm all good.danday74– danday742017-04-12 17:10:31 +00:00Commented Apr 12, 2017 at 17:10
Add a comment
|
2 Answers
{{ }} (double brackets) signals angular to interpolate values on the View, or client, not in the component class. You just want to set the value of this.myStr like a normal string variable in javascript.
following your example, you would use
this.myStr = '' + (1 + 1);
or
this.myStr = (1 + 1).toString();
1 Comment
danday74
not really the answer i wanted but the best answer given so accepting it
You can use ES6 template strings:
this.myStr=`${1+1}`
https://developers.google.com/web/updates/2015/01/ES6-Template-Strings
