javascript - 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 方向不对，试试这个:

<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>