Как добавить класс CSS после ng-click в родительский элемент?

Question

Существует HTML код:

<div> 
    <span> 
    <input ng-click="addClass()" type="checkbox"> 
    </span> 
</div> 

Как я могу добавить класс CSS к родительскому элементу div после щелчка на входе?

Я пробовал:

ng-click="addClass($event)" 

Угловая JS:

$scope.addClass = function (event){ 
    event.parent('div').addClass('active'); 
} 

Answer 1

Вы можете ng-class в вашем случае, поддерживать scope переменную, которая будет использоваться в ng-class выражении, нет необходимости использовать JQuery время у вас есть директива типа ng-class, которая делает вашу жизнь легкой.

Markup

<div ng-class="{active: active}"> 
    <span> 
    <input ng-click="active!= active" type="checkbox"> 
    </span> 
</div>