Angular 2 Template Interpolation Escape Zeichen Zeichen

Question

Ich bin ein Angular 2 newb.

Ich versuche, ein Hintergrundbild eines div zu setzen, indem Sie den Wert einer Stringvariablen namens bgImage interpolieren, die eine gültige URL für ein Bild enthält.

Aber ich weiß nicht, wie innerhalb der Klammer ein Paar entkam doppelte Anführungszeichen bekommen

Wie entkommen Sie Zeichen in Angular 2 Vorlage Interpolation?

funktioniert das nicht:

[style]="'background-image: url(\"'+bgImage+'\");'" 

oder dieses:

[style]="'background-image: url(\''+bgImage+'\');'" 

oder auch HTML-Entity-Codes funktionieren nicht:

[style]="'background-image: url("'+bgImage+'");'" 

Irgendwelche Ideen? Danke im Voraus.

Answer 1

Ich hatte einen Syntaxfehler. [ngStyle] muss verwendet werden, nicht [style]:

[ngStyle]="{'background-image': 'url(\''+bgImage+'\')'}"