javascript - 如何使用 Angular 设置背景颜色？

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'}];