Как установить цвет фона с помощью углового?

Question

Это должно быть простым делом, но по какой-то причине оно просто не работает.

В мой контроллер:

$scope.projects = [ //... 
    { background: "#ffffcc" }, 
    //... 
]; 

В HTML:

<div ng-repeat="project in projects" 
    ng-style="{'backgroundColor': project.background}"> 
</div> 

Если я к югу из project.background с '#ffffcc' он будет работать. Я также пробовал с background-color без успеха. А также {{project.background}}

Answer 1

Вы могли бы сделать что-то вроде этого

<div ng-init="styles=[{backgroundColor: 'red', width:'100px', height: 'auto', display: 'block'}]"> 

<div ng-repeat="test in styles" ng-style="test"> 
.test { 
    background-color: {{ test.backgroundColor }}; 
    display: {{ test.display }}; 
    width: {{ test.width }}; 
    height: {{ test.height }}; 
    } 
</div> 

Вы также можете использовать атрибуты в контроллере, как;

$scope.styles= [{ 
    backgroundColor: 'red', 
    width:'100px', 
    height: 'auto', 
    display: 'block'}];