련 방법의 변경에서 클래스 이름을 ng 를 클릭하

Question

내가 알고 있는 것이 좋습니다 사용하지 않 jQuery 내부련용하지만,고군분투하는 일련의 방법으로 이 일을 하:

$scope.clickEvent = function(event) {
    if($(event.target).hasClass('icon-closed')) {
        $(event.target).removeClass('icon-closed')
        $(event.target).addClass('icon-opened')
    } else {
        $(event.target).removeClass('icon-opened')
        $(event.target).addClass('icon-closed')
    }
}

내 HTML:

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

이 collapsed 코드는 보이기/숨기기 패널,div 에 ng-repeat 루프는,그래서 함께 할 수 없 clickEvent 기능입니다.

내가 바라고 얻을 수있는 클래스에서 이벤트를 개체 및 변경없이 그들을 사용하여 jQuery.어떤 아이디어가?

감사합니다:)

Answer 1

사용할 수 있습니다 ngClass 지시어를 달성했다.

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

더 많은 정보에 ngClass 찾을 수 있습니다 기.