カスタマイズ使用してNG-クラス角度JS

Question

は、私は2つのCSSクラス.caret .rightと.caret .downを持っている、これは私のコード

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

と私のCSSキャレットクラスは、ブートストラップからである

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

です。 私のスパンには影響しませんか？私は何をしたのですか？

Answer 1

ここでは働く塊です。

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

別の単純Approch

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

Working Fiddle

Answer 2

checkboxer[mainParent]がブール値を返す場合、これが解決策です。