键入短划线的ngClass样式

Question

我希望这可以让使用破折号的风格让人头疼,特别是因为bootstrap已经变得如此受欢迎.

我正在使用角度1.0.5

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>

在ngClass文档中,示例很简单,但它也提到表达式可以是类名到布尔值的映射.我试图在我的图标上使用"icon-white"样式,如引导文档中所示,具体取决于布尔变量.

<i class="icon-home" ng-class="{icon-white: someBooleanValue}">

上面的行不起作用.icon-white如果someBooleanValue为true,则不附加该类.但是,如果我将密钥更改为iconWhite,则会成功将其添加到类值列表中.如何用破折号添加值？

Answer 1

经过几个小时的黑客攻击,事实证明,破折号得到插补!报价是必要的.

<i class="icon-home" ng-class="{'icon-white': someBooleanValue}">

我希望这有助于某人撕掉他们的头发.

更新:

在旧版本的Angular中,使用反斜杠也可以解决问题,但在较新版本中则不行.

<i class="icon-home" ng-class="{icon\-white: someBooleanValue}">

前者可能是首选,因为您可以在自己喜欢的编辑器中更轻松地搜索它.

Answer 2

\'icon-white\' 也适用(使用AngularJS 1.2.7)