css - AngularJS如何判断不同情况设置不同背景色？？

Question

比如：

根据

<ul style="float: left;overflow:hidden;" ng-repeat='node in nodedata' >
            
            <li style="list-style-type:none;">
                
                <span  style="background:green;" uib-popover="{{node.nodeIndex|getNodeNameFliter}}" popover-trigger="mouseenter" type="button" class="btn btn-default dd breath_light" popover-placement="bottom">{{node.nodeIndex|getNodeNameFliter}}</span>  <i class="icon-chevron-right" style="margin-left:10px;color:green;font-size:20px;"></i>
            
            </li>
            
        </ul>

style="background:green;"`可以根据 node.status不同的值1，2，3，4设置red,yellow,green，black如何实现呢？

在线等，没人会吗？

Answer 1

html 코드: ng 스타일 사용

으아악

js 코드:

으아악

Answer 2

내가 아는 한 CSS에는 이러한 기능이 없습니다. 가장 유명한 CSS는 다양한 화면 크기에 따라 다양한 CSS 스타일을 선택할 수 있는 미디어 쿼리입니다. 주제의 질문과 같은 요청은 JS의 협조가 있어야만 실현될 수 있다고 생각합니다.

Answer 3

실제로 인라인 스타일을 사용하는 분들도 계시네요
저라면 그렇게 하겠습니다
<style>
.backstyel1{Background:red}
.backstyel2{Background:yellow}
.backstyel3{Background:green}
.backstyel4{ 배경:검정색 }
</style>

으아악