ng-class:将单个类分配给多个表达式

时间:2017-11-24 11:43:16

标签: javascript angularjs

我们可以将一个类分配给多个表达式(基本上是布尔值)吗?

例如,我有“错误日期输入”类,可以分配多个表达式,例如$scope.futureDateEntered$scope.pastDateEntered和{{1} }。

我知道一种方法可以做到这一点

$scope.invalidDateEntered

但是,我会过于频繁地使用这种方式而且想要更短的出路,可能是这样的: -

    <div ng-class="{class1: expressionData1, class1: expressionData2}">
    </div>

有可能吗?

2 个答案:

答案 0 :(得分:2)

您可以使用||运算符

 <div ng-class="{class1: expressionData1 || expressionData2}"></div>

答案 1 :(得分:0)

将两个条件合并为(expressionData1) || (expressionData2)

<div ng-class="{
      class1: expressionData1 || expressionData2
}"></div>

如果必须为它们使用一个类,则可以正确使用任意数量的条件,不需要单独编写。