AngularJS - встроенный CSS-рендеринг

Возможно ли/и как/писать встроенный стиль css с использованием переменных angular?

<div style="background: transparent url({{eventInfo.eventHeaderImg}}) top center no-repeat;"></div>

Это мой вывод

"NetworkError: 404 Not Found - http://test/eventInfo.eventHeaderImg"

Итак, я вижу, что это значение не отображалось.

Я знаю, что это можно изменить в контроллере, но возможно ли это с моим подходом?

<div ng-style="{ background: 'transparent url({{ eventInfo.eventHeaderImg }}) top center no-repeat' }"></div>

Это сработало для моего:

<div ng-style="{ 'background': 'transparent url(' + eventInfo.eventHeaderImg + ') top center no-repeat' }"></div>

Вы "пишете" неправильный URL-адрес в своем стиле, поэтому у вас есть ошибка 404 (не найдена).

В соответствии с этот plunker, если вы $scope хорошо настроены, вы печатаете нужные данные в атрибуте style.

Обратите внимание, что ваша переменная scope eventInfo должна быть map/object.

Вам не нужно использовать двойные скобки.