Anpassung über ng-Klasse Winkel js

Question

Ich habe zwei CSS-Klassen .caret .right und .caret .down dies ist mein Code

<span> ng-class="{'caret right': checkboxer[mainParent]==true,'caret down': checkboxer[mainParent]==false}" </span> 

und mein css

.caret .right{transform: rotate(270deg);}.caret .down{transform:rotate(360deg);} 

die caret Klasse von Bootstrap ist. Es hat keinen Einfluss auf meine Spannweite? Welchen Fehler habe ich begangen?

Answer 1

Hier ist die Arbeit plunk.

<div ng-click="toggle()"> 
    <span ng-class="{'right-caret':checkbox,'caret': !checkbox}"></span> Caret 
    </div> 

Ein weiterer einfacher Approch

class="caret {{checkboxer[mainParent] ? 'right' : 'down'}}" 

Working Fiddle

Answer 2

Wenn checkboxer[mainParent] einen booleschen Wert zurückgibt, dann ist dies die Lösung.

<span class="caret" ng-class="{ 
     'right': checkboxer[mainParent], 
     'down': !checkboxer[mainParent] 
    }"> 

</span>