Angularjsは異なる色のエントリで選択します

データに応じてエントリの色分けが異なるセレクトボックスを展開します。以下はサンプルHTMLです。Angularjsは異なる色のエントリで選択します

<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>"}です。したがって、ステータスが「Y」の各エントリは黒で表示され、ステータスが「Y」と異なるエントリは赤で表示されます。

正しい構文を理解できません。

ご意見をお寄せください。

出典

2016-04-04 FDavidov

;-)

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

しかし、おそらく一人でcolorにfont-colorを変更するだけでなくトリックを行います：

<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での選択ボックス。カスタムを使用します。 – dfsq

このお試しください：ネイティブでは不可能

出典

2016-04-04 12:53:23 JanP

はい!!!!素晴らしい解決策!!!ありがとう@JanP !!! – FDavidov

うれしかった！ – JanP

Angularjsは異なる色のエントリで選択します

答えて

関連する問題