Angular JS条件Css类不起作用

Angular JS Conditional Css Class not working

本文关键字：不起作用 Css 条件 JS Angular      更新时间：2023-09-26

代码下面给出了输出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>

如何在minutes小于ItemExpireAlertTime时添加alert类?

你有你的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>

Try

ng-class="{'item-expire-alert': minutes < model.ItemExpireAlertTime}"
相关文章：