用角度改变背景颜色

Question

我知道这必须简单 - 我正在尝试根据变量{{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>

谢谢，

Answer 1

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

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

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

您可以阅读有关ng-class here的所有内容，也可以阅读有关ng-style的内容！