배경색을 각도로 변경하십시오.

Question

저는 이것이 간단해야한다는 것을 알고 있습니다. 변수 {{site.bool}}이 true 또는 false 인 것을 기반으로 div의 배경색을 변경하려고합니다. 당신은 다음과 같이 동적으로 DIV에 클래스를 할당 할 수

Answer 1

<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> 

덕분에 :

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

trueOrFalseVariable이 true 또는 false 인 경우에 따라 사업부에 cool 클래스를 적용 할 것이다. 그런 다음 스타일 시트에서 CSS 규칙을 설정하는 것은 간단합니다.

약 ng-classhere을 모두 읽을 수 있으며 약 ng-style도 읽을 수 있습니다.