사용자 정의하여 NG 수준의 각도 JS

Question

내가 두 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]이 부울을 반환하면 해결 방법입니다.

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

</span>