Angular JS條件CSS類不起作用

Question

下面的代碼給出輸出15

<h1>{{model.ItemExpireAlertTime}}</h1>

但是，當我嘗試添加條件CSS類時，由於某種原因，它無法正常工作。

<span timer interval="1000" countdown="item.ExpireTicksInSeconds">
   <span ng-class="minutes < model.ItemExpireAlertTime ? 'item-expire-alert' : '' " ng-show="minutes < 10">0</span>{{minutes}} dk 
   <span ng-show="seconds < 10">0</span>{{seconds}} sn
</span>

當分鍾數小於ItemExpireAlertTime時，如何添加警報類？

Answer 1

嘗試

ng-class="{'item-expire-alert': minutes < model.ItemExpireAlertTime}"

Answer 2

您使用錯誤的方法來處理ng-class ，請嘗試以下操作：

<span timer interval="1000" countdown="item.ExpireTicksInSeconds">
  <span ng-class="{'item-expire-alert': minutes < model.ItemExpireAlertTime}" ng-show="minutes < 10">0</span>{{minutes}} dk 
  <span ng-show="seconds < 10">0</span>{{seconds}} sn
</span>