AngularJS - 内联css样式呈现

Question

是否可能/以及如何/使用角度变量编写内联css样式？

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

这是我的输出

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

所以我看到它没有呈现这个价值.

我知道可以在控制器中更改它,但是我的方法是否可行？

Answer 1

你应该使用ngStyle:

一个例子:http://plnkr.co/edit/qT8skZzTwXjrh3Ye5mr9？p = preview

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

Answer 2

这为我工作：

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

Answer 3

您不需要在那里使用双大括号。