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