在AngularJS中显示ng-class的当前值

Question

我必须追踪与ng-class工作相关的错误（有时它添加新值而不删除旧的）。 所以我需要一个快速参考来看它的当前价值。 是否有任何简短（或没有）方式将其绑定到内容？ 我的意思是这样的：

<div ng-class="something">
    {{ngClassValueDisplayedHere}}
</div>

Answer 1

我对ng-class没有删除旧值有完全相同的问题。经过几天的调查后发现，ngAnimate正在搞乱课堂变化。从角度模块依赖项中删除它解决了问题（Angular 1.3）。

Answer 2

ng-class可以绑定许多不同的东西。来自the documentation：

  

表达式为eval。评估结果可以是字符串表示   空格分隔的类名，数组或类名到布尔值的映射   值。在地图的情况下，属性的名称的值   将truthy作为css类添加到元素中。

因此，在您的示例中，只显示您something的内容。它应该是一个角度表达式，可以像任何其他双曲线一样进行评估。这有助于您调试ng-class

<div ng-class="something">
    {{something}}
</div>

Demo

Answer 3

如果其他人偶然发现了这个问题，就像我刚刚使用1.5.8版角度版本那样：https://github.com/angular/angular.js/issues/14582

P.S。更新到1.5.11解决了与ngAnimate相关的问题，之前的版本仍然存在同样的问题。