ngClass风格与键中的破折号

我希望这可以帮助人们省去使用破折号的风格，特别是自举已经非常stream行。

我正在使用angular1.0.5的方式

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

在ngClass文档中 ，这个例子很简单，但是它也提到expression式可以是类名到布尔值的映射。 我试图在自举文档中显示的图标上使用“icon-white”样式，具体取决于布尔variables。

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

上面的行不起作用。 someBooleanValue为true时，类不会附加icon-white 。 但是，如果我将该键更改为iconWhite ，则会成功添加到类值列表中。 如何用短划线添加一个值？

Answer 1

经过几个小时的黑客攻击，事实certificate这个破折号是内插的！ 行情是必要的。

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

我希望这可以帮助别人把头发撕掉。

更新：

在老版本的Angular中，使用反斜杠也可以做到这一点，但是不能用于新版本。

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

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

Answer 2

\'icon-white\'适用（使用AngularJS 1.2.7）

Answer 3

使用ng-class的替代方法：

  .menu-disabled-true{ color: red; } .menu-disabled-false{ color: green; } <div ng-controller="DeathrayMenuController"> <p class=menu-disabled-{{status}}>shanam</p> <button ng-click="action()">click me</button> </div> <script> function DeathrayMenuController($scope) { $scope.status=true $scope.action= function(){ $scope.status=!$scope.status } } </script>