复杂的ng-class表达式,包含值和条件

时间:2014-03-18 20:49:25

标签: javascript angularjs ng-class

说我想让一个ng-class做两件事:

1)从像这样的变量中填充一个值

 `ng-class="myAwesomeJavaScriptVariable"`

2)有条件地设置预定义的类:

  `ng-class = "{awesomeClass: myAwesomeBoolean}`

我知道我可以做类似的事情       class="{{myAwesomeJavaScriptVariable}}" ng-class="{awesomeClass: myAwesomeBoolean}"

如何(如果可能的话)我可以将这两者合并为一个ng-class表达式?

2 个答案:

答案 0 :(得分:3)

我认为可能是:

data-ng-class = "{ myAwesomeJavaScriptVariable, awesomeClass: myAwesomeBoolean }"

可替换地:

   class = "{{ myAwesomeJavaScriptVariable}} left clearfix" data-ng-class="{awesomeClass: myAwesomeBoolean }"

答案 1 :(得分:2)

@Abraham P:

将条件语句和范围变量都设置为类

ng-class="[{awesomeClass: myAwesomeBoolean},myAwesomeJavaScriptVariable]"

这将很好。