我希望这可以使人们头痛与使用破折号的样式,特别是因为引导已经变得如此受欢迎。
我使用角度1.0.5的方式
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
在ngClass documentation中,示例很简单,但它也提到表达式可以是一个类名称到布尔值的映射。我试图使用“icon-white”样式在我的图标上,如bootstrap documentation所示,这取决于一个布尔变量。
<i class="icon-home" ng-class="{icon-white: someBooleanValue}">
上面的行不工作。当someBooleanValue为true时,类不附加icon-white。但是,如果我将键更改为iconWhite,它将成功添加到类值列表。如何用短划线添加一个值?
经过几个小时的黑客攻击,结果是破折号被插入!需要报价。
<i class="icon-home" ng-class="{'icon-white': someBooleanValue}">
我希望这可以帮助别人撕开他们的头发。
更新:
在旧版本的Angular中,使用反斜杠也会做到这一点,但在较新的版本中不行。
<i class="icon-home" ng-class="{icon\-white: someBooleanValue}">
前者可能是首选,因为你可以更容易地搜索它在你最喜欢的编辑器。