使用 Angular 更改背景颜色

【问题标题】：Change Background Color with Angular使用 Angular 更改背景颜色
【发布时间】：2014-10-09 08:45:27
【问题描述】：

我知道这一定很简单 - 我正在尝试根据变量 {{site.bool}} 是真还是假来更改 div 的背景颜色。

<div class="list-group-item col-md-8 pull-left" ng-repeat="site in list.links">
   <h3>
        {{site.name}}
        <em class="pull-right">{{site.url}}</em>
        {{site.description}}
        <product-tabs></product-tabs>
   </h3>
</div>

谢谢，

【问题讨论】：

你的代码中的site.bool在哪里？

标签： css html angularjs background

【解决方案1】：

您可以像这样动态地为 div 分配一个类：

<div ng-class="{cool: trueOrFalseVariable}"> ... </div>

这将根据trueOrFalseVariable 是真还是假，将cool 类应用于div。然后，只需在样式表中设置.cool{} CSS 规则即可。

您可以阅读有关ng-class here 的所有信息，并且您可能也想阅读有关ng-style 的信息！

【讨论】：