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-styleを使用

リーリー

jsコード:

リーリー

Answer 2

私の知る限り、CSSにはそのような機能はありません。最も有名なCSSは、画面サイズに応じて異なるCSSスタイルを選択できるメディアクエリです。今回のような要望はJSさんのご協力があってこそ実現できるものだと思います。

Answer 3

今でもインライン スタイルを使用する人がいます
私ならそうします
<style>
.backstyel1{background:red}
.backstyel2{background: yellow}
.backstyel3{background:green}
.backstyel4{background :black }
</style>

リーリー