Styl ngClass z myślnikiem w kluczu

Mam nadzieję, że dzięki stylom używającym myślników zaoszczędzi to komuś bólu głowy, zwłaszcza że bootstrap stał się tak popularny.

Używam kątowego 1.0.5 w ramach

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

W dokumentacji ngClass przykład jest prosty, ale wspomina się w nim również, że wyrażenie może być mapą nazw klas na wartości logiczne. Próbowałem użyć stylu „biała ikona” na mojej ikonie, jak pokazano w dokumentacji bootstrap , w zależności od zmiennej boolowskiej.

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

Powyższa linia nie działa. Do klasy nie jest dołączane stwierdzenie icon-whitekiedy someBooleanValuejest prawdziwe. Jeśli jednak zmienię klucz na iconWhite, zostanie on pomyślnie dodany do listy wartości klas. Jak dodać wartość za pomocą myślnika?

Po godzinach hakowania okazuje się, że myślnik jest interpolowany! Cytaty są potrzebne.

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

Mam nadzieję, że pomoże to komuś wyrywać włosy.

AKTUALIZACJA:

W starszych wersjach Angulara użycie odwrotnego ukośnika również załatwia sprawę, ale nie w nowszych wersjach.

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

Ten pierwszy jest prawdopodobnie preferowany, ponieważ możesz go łatwiej wyszukać w swoim ulubionym edytorze.

\'icon-white\' działa również (z AngularJS 1.2.7)

alternatywa dla zastosowań 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>