CSSを使用したangularjsのチェックボックスの色を設定する方法

Question

ここに私のコードです。これを解決する方法を見つけてください。

<ANY class="ng-class: expression;"> ... </ANY> 

そして

Answer 1

ngのクラスは、あなたが探して何ですng-style={style: expression}を使用できます。しかし、私はng-styleよりng-classを好むでしょう。なぜなら、私は本当にインラインCSSが良いアイデアだと思っていないからです。

Answer 2

どちらかあなたがng-class="someClass"を使用して、あなたのCSSファイルでこのsomeClassスタイルを書いたりすることができます式はCSSクラスを指定できます

<div class="list"> 
     <ul class="items-list"> 
      <li ng-repeat="listService in servicesList"> 
       <input type="checkbox" ng-model="listService.selected" /> 
       <img ng-src="{{listService.img}}" title="{{listService.name}}" alt="{{listService.name}}" /> 
       <span>{{listService.name}}</span> 
      </li> 
     </ul> 
    </div> 

Answer 3

CSSスタイルを.coloredInputクラスに追加します。

<input type="checkbox" ng-model="listService.selected" ng-class="{ 'coloredInput': listService.selected }" />