Angular 2 Template Interpolation Escape Персонажи персонажей

Question

Я - угловой 2 newb.

Я пытаюсь установить фоновое изображение div путем интерполяции значения строковой переменной bgImage, которая содержит действительный url для изображения.

Однако, я не знаю, как получить пару сбежавших двойных кавычек внутри круглых скобок

Как вы избежать символов в угловой 2 шаблоне интерполяции?

Это не работает:

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

или это:

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

или даже HTML коды сущностей не работают:

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

Любые идеи? Заранее спасибо.

Answer 1

У меня была синтаксическая ошибка. [ngStyle] необходимо использовать, а не [стиль]:

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