DIVテキストに基づいてng-classを適用するにはどうすればいいですか？

Question

私は次のng-repeatをテーブルに持っています。

<tbody> 
     <tr ng-repeat="hour in workhours"> 
      <td >{{hour}}:00 - {{hour+1}}:00</td> 
      <td ng-class="{'full' : }" ng-click="checkSlotAvailability(hour, entry, jobLength, data)" ng-repeat="entry in data.calendar" > 
       {{entry.HoursAvailable.includes(hour) ? 'AVAILABLE' : 'FULL'}} 
      </td> 
     </tr> 
    </tbody> 

    .full{ 
     background-color: red; 
    } 

セルに「FULL」というテキストがある場合は、表のセルに赤色を表示します。 'full'のペアはng-classにありますか？

Answer 1

否定演算子を使用してみてください。 .fullクラスは、entry.HoursAvailable.includes(hour)がfalse（フルテキストの表示基準）の場合にのみ適用されます。

ng-class="{'full' :!entry.HoursAvailable.includes(hour) }"