ngClass样式，带破折号

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

我通过以下方式使用角度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，则会成功将其添加到类值列表中。如何用破折号添加一个值？

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

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

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

更新：

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

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

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

\'icon-white\' 也可以正常工作（使用AngularJS 1.2.7）

替代使用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>