用角度改变背景颜色

Question

我知道这很简单 - 我试图根据变量{{site.bool}}为true或false来更改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> 

这将取决于如果trueOrFalseVariable是真的还是假的应用cool类股利。然后，只需在样式表中设置.cool{} CSS规则即可。

你可以阅读关于ng-classhere的全部内容，你也可以阅读关于ng-style的更多信息！