Question

我想部署一个选择框，根据数据，条目的颜色会有所不同。以下是HTML示例：

<select class="form-control" ng-model="New_Request.SN" id="SN" style="width:140px">
    <option ng-repeat="One_Board in Child_Boards" value="{{One_Board.SN}}"> 
        <div ng-style="({{One_Board.Status}} == 'Y' ? font-color:black : font-color:red)">{{One_Board.SN}}</div>
    </option>
</select>

因此，每个条目都具有结构{"SN":"<value>","Status":"<status>"}。因此，每个条目的状态为＆＃39; Y＆＃39;将以黑色显示，并且任何状态不同于＆＃39; Y＆＃39;将以红色显示。

我无法弄清楚正确的语法是什么。

任何建议都将受到赞赏。

Answer 1

请试试这个：

<select class="form-control" ng-model="New_Request.SN" id="SN" style="width:140px">
    <option ng-repeat="One_Board in Child_Boards" value="{{One_Board.SN}}" ng-class="{redcolor: One_Board.Status != 'Y'}">
        {{One_Board.SN}}
    </option>
</select>

在你的CSS中：

option {
    color: black;
}
.redcolor {
    color: red;
}

但是，将font-color改为color也可以做到这一点; - ）

Angularjs选择不同颜色的条目

1 个答案: