角JS有條件的CSS類工作不

下面的代碼提供輸出角JS有條件的CSS類工作不

<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時添加警報類？

來源

2015-09-29 Mehmet Eren Yener

爲什麼NG-顯示有一個條件？聽起來像是控制器的東西。也許試試'ng-if' –

@gerdi，因爲這裏有一個定時器和倒數計時器，所以如果分鐘小於10分鐘，第一個數字將會是0，如10:00 - > 09:59 - > 09:58 –

嘗試

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

來源

2015-09-29 09:51:02 krishna

您對您的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>

來源

2015-09-29 09:51:16 muenchdo

角JS有條件的CSS類工作不

回答

相關問題