以AngularJS显示ng类的当前值

以AngularJS显示ng类的当前值,angularjs,data-binding,ng-class,Angularjs,Data Binding,Ng Class,我必须追踪一个与ng类的工作相关的bug(有时它会添加新的值而不删除旧的值)。 所以我需要一个快速的参考来查看它的当前值。 是否有任何简短(或不简短)的方式将其绑定到内容? 我的意思是这样的: <div ng-class="something"> {{ngClassValueDisplayedHere}} </div> {{ngClassValueDisplayedHere}} ng类可以绑定到许多不同的东西。发件人: 要评估的表达式。计算结果可以是表示 以空

我必须追踪一个与ng类的工作相关的bug(有时它会添加新的值而不删除旧的值)。 所以我需要一个快速的参考来查看它的当前值。 是否有任何简短(或不简短)的方式将其绑定到内容? 我的意思是这样的:

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

{{ngClassValueDisplayedHere}}

ng类
可以绑定到许多不同的东西。发件人:

要评估的表达式。计算结果可以是表示 以空格分隔的类名、数组或类名到布尔值的映射 价值观对于映射,其值为 将作为css类添加到元素中

因此,在您的示例中,只需显示您的
内容。它应该是一个角度表达式,可以像其他任何双卷曲的表达式一样计算。这将帮助您调试
ng类

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

{{something}}

我遇到了与ng类不删除旧值完全相同的问题。经过几天的调查,原来是ngAnimate在捣乱阶级更迭。从angular模块依赖项中删除它解决了问题(angular 1.3)。

如果其他人像我最近在angular 1.5.8版中那样偶然发现这个问题:


1.5.11的更新解决了与ngAnimate相关的问题,以前的版本仍然存在相同的问题。

{{{something}
?顺便说一句,这个问题肯定不是来自ngClass的。我所说的“某物”是指那里提供的某种表达式。实际上,这不是重点。如果
ng类
绑定到
$scope
变量,则只显示相同的值。就像
{{something}}
是的,这应该就行了。不确定您可能还有哪些其他问题。使用map对象(将类名设置为布尔值)可能有助于将
ng类
逻辑分解为可管理的部分。实际上,这应该是可行的。在大多数情况下都是这样。但有时我注意到,{{something}}按预期显示,而结果“class”属性的值包含不同的数据-如前所述,新值不会替换旧值,而是添加到其中。当浏览器选项卡(打开页面的位置)未处于活动状态且更改快速执行时,就会发生这种情况。真奇怪我唯一的建议就是在新问题中加入这些细节。您始终可以提供指向此问题的链接,以用于调试的上下文/证明。如果你能提供一个具体的例子,甚至是一个演示,它将真正帮助你的新问题。