角度2模板插值转义字符字符

时间:2016-08-23 06:13:03

标签: escaping angular2-template

我是Angular 2 newb。

我试图通过插入一个名为bgImage的字符串变量的值来设置div的背景图像,该变量包含图像的有效URL。

但是,我不知道如何在括号内找到一对转义的双引号'

如何在Angular 2模板插值中转义字符?

这不起作用:

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

或者这个:

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

甚至HTML实体代码都不起作用:

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

有什么想法吗?提前谢谢。

1 个答案:

答案 0 :(得分:1)

我遇到语法错误。需要使用[ngStyle],而不是[style]:

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