ng-Klick auf div-Tag wird nicht ausgeführt

Question

Ich möchte mein CSS auf ein Div ändern, wenn es angeklickt wurde, aber ich kann nicht scheinen, es zu arbeiten. Hier ist die div selbst:

<div class="info-box" ng-class="{'info-box-active':isActive}" ng-click="activeBtn"> 
<div class="box-row"> 
    <div class="header"> 
     <p class="leftText">IKANO Bostad</p> 
     <p class="rightText">Leveransrum</p> 
    </div> 
</div> 

<div class="box-row"> 
    <div class="fields"> 
     <p class="leftText">Folkungagatan 100</p> 
     <p class="rightText">10 kr/månad</p> 
    </div> 
</div> 

Und hier ist der JS:

$scope.isActive = false 
$scope.activeBtn = function() { 
    $scope.isActive = !$scope.isActive 
} 

Ich wette, es ist ein super einfach und dumm Problem, aber ich habe eine Weile mit diesem gesessen jetzt ..

Answer 1

Typo Fehler:

ng-click="activeBtn" should be ng-click="activeBtn()" 

<div class="info-box" ng-class="{'info-box-active':isActive}" ng-click="activeBtn()"> 

DEMO: http://jsfiddle.net/ADukg/11955/

Answer 2

<div class="info-box" 
ng-class="{'info-box-active':isActive}" 
ng-click="isActive=!isActive">