Question

我希望在单击div时更改我的CSS，但我似乎无法让它工作。这就是div本身：

<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>

这是JS：

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

我敢打赌这是一个超级基本和愚蠢的问题，但我现在已经和它坐了一段时间..

Answer 1

错字错误：

   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">

ng-click div标签不会执行

2 个答案: