如何为元素设置多个类

Question

我正在尝试使用多个条件设置ng-class。

我有类似

的东西

<div ng-repeat="product in products">
<div ng-class="{showProduct: product.productName,
                deletedProduct: !product.productExist && product.productName.length && product.type!='expire',
                add:product.changeStatus,
                expire:product.type = 'expire' 
                } 
     ng-click="product.changeStatus = !product.changeStatus">{{product.productName}}
</div>
</div>

我的div有多个条​​件。我的问题是，当add类名使用expire条件时，我想停止切换product.type='expire'类。反正有没有这样做？非常感谢！

Answer 1

一个简单的解决方案可能是使用CSS规则处理这个问题：

.add {
  // styling for things with just .add
}

.add.expire {
  // styling for things with .add AND .expire
}