AngularJS如何同时放入ng-class和CSS类

时间:2014-01-07 06:37:40

标签: javascript css angularjs

我有一个元素,它有静态CSS类和动态类,它们将由一个方法决定,所以我该如何将它们组合在一起?

我尝试了以下代码,但它不起作用:

<div class="static-class" ng-class="{'dynamic-class': isEnabled()}"></div>

作为解决方法,我这样做了:

<div ng-class="{'static-class': true, 'dynamic-class': isEnabled()}"></div>

但这很难看,特别是当有很多静态类时。

修改
我发现我的第一个例子有效!对不起,对于这个问题。

1 个答案:

答案 0 :(得分:11)

你的第一个例子应该有效:

<div class="static-class" ng-class="{'dynamic-class': isEnabled()}"></div>

或者您也可以使用:

<div class="static-class ng-class: {'dynamic-class': isEnabled()};"></div>