Javascript AngularJs:-在ng类的三元运算中添加多个条件

当ng class属性中的条件表达式为true时，我希望集成多个类

下面是我正在尝试但不起作用的代码：

<div class="col-md-4" ng-mouseover="hoverButton=true"  id="plain_text" ng-class="$state.current.name==='home' && 'hoverButton' ? 'tint,btn-white,panel_hover_font' : 'sd'" style="border: 1px solid;min-height: 300px;">

---

当条件为真时，我无法集成着色、btn白色、面板悬停字体。如何实现这一点？

我不知道是否可以用三元运算符实现，但可以用简单的条件运算符实现：

<span ng-class="{'a set of classes': condition.isTrue, 'another set of classes': condition.isFalse }"> </span>

我正在一个真实的项目中使用它，它正在工作。在您的情况下，它将给出以下结果

<div class="col-md-4" ng-mouseover="hoverButton=true" id="plain_text" ng-class="{ 'tint btn-white panel_hover_font': ($state.current.name==='home' && 'hoverButton'),  'sd': !($state.current.name==='home' && 'hoverButton') } " style="border: 1px solid; min-height: 300px;">

---

多个CSS类用空格而不是逗号分隔：

ng-class="$state.current.name === 'home' && hoverButton ? 'tint btn-white panel_hover_font' : 'sd'"

另外，我假设

hoverButton

是一个变量，而不是字符串

'hoverButton'

请参见

您必须将

ng class=“hoverButton”？“red，anotherclass，other'：“white”

更改为

ng class=“hoverButton？”“red anotherclass，other'：“white”

---

我制作了一些css类用于测试。

删除

'hoverButton'

@Tushar周围的引号当条件为真时，我无法集成这三个css类o/但接下来的答案用三元运算符解决了这个问题，我想，只要检查一下就可以了。