一尘不染

ngClass样式,键中有破折号

angularjs

我希望这可以使某些使用破折号的样式的人免于头痛,尤其是因为引导程序变得如此流行。

我通过以下方式使用角度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-whitesomeBooleanValuetrue为true
时,该类不附加。但是,如果将键更改为iconWhite,则会成功将其添加到类值列表中。如何用破折号添加一个值?


阅读 208

收藏
2020-07-04

共1个答案

一尘不染

经过数小时的黑客攻击,事实证明破折号被插值了!引号是必需的。

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

我希望这可以帮助某人避免头发脱落。

更新:

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

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

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

2020-07-04