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

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

1 个答案: