我希望这可以使某些使用破折号的样式的人免于头痛,尤其是因为引导程序变得如此流行。
我通过以下方式使用角度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当someBooleanValuetrue为true 时,该类不附加。但是,如果将键更改为iconWhite,则会成功将其添加到类值列表中。如何用破折号添加一个值?
icon-white
someBooleanValue
iconWhite
经过数小时的黑客攻击,事实证明破折号被插值了!引号是必需的。
<i class="icon-home" ng-class="{'icon-white': someBooleanValue}">
我希望这可以帮助某人避免头发脱落。
更新:
在较旧的Angular版本中,使用反斜杠也可以解决问题,但在较新的版本中则不行。
<i class="icon-home" ng-class="{icon\-white: someBooleanValue}">
前者可能是首选,因为您可以在自己喜欢的编辑器中更轻松地搜索它。