2014-10-09 137 views
-2

我知道這很簡單 - 我試圖根據變量{{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> 

感謝,

+1

代碼中的site.bool在哪裏? – PSL 2014-10-09 00:41:05

回答

4

您可以動態地將類分配到div像這樣:

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

這將取決於如果trueOrFalseVariable是真的還是假的應用cool類股利。然後,只需在樣式表中設置.cool{} CSS規則即可。

你可以閱讀關於ng-classhere的全部內容,你也可以閱讀關於ng-style的更多信息!