ng Anahtar içinde tire bulunan sınıf stili

Umarım bu, özellikle çizme kullanan stilleri olan bir baş ağrısını kurtarır, özellikle bootstrap çok popüler hale geldiğinden.

Açısal 1.0.5 kullanıyorum

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

In ngClass belgelerinde , örneğin basit, ama aynı zamanda ifade boole değerlere sınıf adlarının bir harita olabilir bahseder. Boole değişkenine bağlı olarak , önyükleme belgelerinde gösterildiği gibi, simgemdeki "simge-beyaz" stilini kullanmaya çalışıyordum .

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

Yukarıdaki satır çalışmıyor. Doğru icon-whiteolduğunda sınıfa eklenmez someBooleanValue. Ancak, anahtarı olarak değiştirirsem, iconWhitesınıf değerleri listesine başarıyla eklenir. Bir tire ile nasıl değer eklenir?

Saatlerce hacklendikten sonra, çizgi enterpole olur! Tırnak işaretleri gereklidir.

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

Umarım bu, birinin saçlarını yırtmasına yardımcı olur.

GÜNCELLEME:

Angular'ın eski sürümlerinde, ters eğik çizgi kullanmak da hile yapar, ancak daha yeni sürümlerde değildir.

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

Birincisi muhtemelen tercih edilir, çünkü en sevdiğiniz düzenleyicide daha kolay arayabilirsiniz.

\'icon-white\' iyi çalışıyor (AngularJS 1.2.7 ile)

ng sınıfı kullanımları için alternatif:

    .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>