Angular 2模板插值轉義字符字符

Question

我是Angular 2 newb。

我想通過插入一個名爲bgImage的字符串變量的值來設置div的背景圖像，該值包含圖像的有效url。

不過，我不知道如何讓一對逃脫雙引號的括號

你如何逃避角2模板插值字符裏面？

這不起作用：

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

或本：

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

甚至HTML實體代碼將不會工作：

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

任何想法？提前致謝。

Answer 1

我有一個語法錯誤。 [ngStyle]需要使用，而不是[style]：

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