angularjs – ngClass样式,在键中有破折号

前端之家收集整理的这篇文章主要介绍了angularjs – ngClass样式,在键中有破折号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望这可以使人们头痛与使用破折号的样式,特别是因为引导已经变得如此受欢迎。

我使用角度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}">

前者可能是首选,因为你可以更容易地搜索它在你最喜欢的编辑器。

猜你在找的Angularjs相关文章