Wie benutzt man Angular2 innerHTML Ausdrücke?

ich habe:Wie benutzt man Angular2 innerHTML Ausdrücke?

<div [innerHtml]="myStr">

wo:

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

ich es angezeigt werden soll:

Aber es gibt:

{{1 + 1}}

In Angular1 $ Kompilierung wurde für dieses Problem verwendet. Was verwenden wir in Angular2 zum Kompilieren von Ausdrücken?

Quelle

2017-04-12 danday74

Warum nicht direkt this.myStr = 1 + 1; ? – Sakuto

http://stackoverflow.com/questions/34784778/equivalent-of-compile-in-angular-2/37044960#37044960 –

Ich habe versucht, den Link, aber es bewertet keine Ausdrücke in einer Zeichenfolge. Es erstellt nur dynamisch Komponenten, die bereits definiert, aber noch nicht instanziiert sind. – danday74

{{ }} (doppelte Klammern) signalisiert Winkel, um Werte auf dem View oder Client zu interpolieren, nicht in der Komponentenklasse. Sie möchten nur den Wert von this.myStr wie eine normale String-Variable in Javascript setzen.

nach Ihrem Beispiel würden Sie

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

oder

verwenden

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

Quelle

2017-04-12 19:44:16

nicht wirklich die Antwort, die ich wollte, aber die beste Antwort gegeben, so akzeptiert es – danday74

Sie können ES6 Template Strings verwenden:

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

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

Quelle

2017-04-12 19:46:17

Wie benutzt man Angular2 innerHTML Ausdrücke?

Antwort

Verwandte Themen