Как интерполировать свойство в двойных кавычках в угловых 6

Question

Я хочу установить фон div, используя угловое свойство, для этого я использовал этот код, но не работал. Заранее спасибо

<div class="overlay" style="background: url({{ main_banner.banner_image }} ) no-repeat"></div>

Answer 1

Вы можете использовать директиву ngStyle. Я предполагаю, что вы можете сделать что-то подобное в вашем компоненте:

var yourStyle = {
   'background' : 'url(\'Your url\') no-repeat'
};

И просмотр:

<<code>div class="overlay" [ngStyle]="yourStyle"></div>