ng-repeatでng-repeatを使用してCSSクラスを適用する方法

Question

私は、daydateが "Sunday"のような有効な条件で自分のtrにクラスを追加しようとしています。クラス "red-text 「

<tr ng-repeat="atten in attendList.attendance" ng-if="atten.daydate == 'Sunday'" class="red-text"> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;" >{{ atten.attenDate }}</td> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.daydate }}</td> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.intime }}</td> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.outtime }}</td> 
      </tr> 

しかし、結果

を取得することができませんが

Answer 1

削除NG-場合は、この

ng-class="{'red-text': atten.daydate == 'Sunday'}" 

よう&利用NG-クラス

Answer 2

使用NGクラスこの

ng-class="{'red-text': atten.daydate == 'Sunday'}"

のようにありがとう10

<tr ng-repeat="atten in attendList.attendance" ng-if="atten.daydate == 'Sunday'" ng-class="{'red-text': atten.daydate == 'Sunday'}"> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;" >{{ atten.attenDate }}</td> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.daydate }}</td> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.intime }}</td> 
       <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.outtime }}</td> 
      </tr> 

Answer 3

ng-ifを使用する必要はありません。

ng-class={'red-text': atten.daydate === 'Sunday'} 

また、あなたはこのようにしたい場合は、他の日のためのクラスをngのために複数の項目を追加することができますクラスのみに基づいて適用されるように

ng-class={'red-text': attendaydate === 'Sunday', 'blue-text': 'attendaydate === 'Monday', 'green-text': attendaydate === 'Tuesday'} 

NG-IFは全く必要ありませんあなたがng-classのプロパティに提供しているステートメントの真実性。