AngularJS와에 클래스 이름을 변경하는 방법 나는 그것이 AngularJS와 응용 프로그램 내에서 jQuery를 사용하지 않는 것이 좋습니다 알고 있지만,이 일의 AngularJS와 방법을 해결하기 위해 고군분투

Question

을 NG 클릭 :

<div class="component-title icon-closed" 
    ng-model="collapsed" 
    ng-click="collapsed=!collapsed;clickEvent($event)">{{component.name}}</div> 

collapsed 코드/보여주는 패널을 숨기고 및 ng-repeat 루프, 그래서 아무것도 clickEvent 기능을 할 수 없습니다 내 사업부가 있습니다.

이벤트 객체 &에서 jQuery를 사용하지 않고 클래스 이름을 바꿀 수 있었으면합니다. 어떤 아이디어?

감사합니다 :)

Answer 1

이를 달성하기 위해 ngClass 지시어를 사용할 수 있습니다. ngClass에

<div class="component-title" 
    ng-class="{'icon-closed':collapsed,'icon-opened':!collapsed}" 
    ng-model="collapsed" 
    ng-click="collapsed=!collapsed">{{component.name}}</div> 

자세한 내용은 here를 찾을 수 있습니다.