ng-click div標籤將不會執行

-1

我想在點擊div時更改我的CSS，但似乎無法使其工作。這裏的DIV本身：ng-click 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 
}

我敢打賭，這是一個超級基本又啞的問題，但現在我已經坐在這一段時間..

來源

2017-06-19 Martin Nordström

你必須調用裏面'NG-click'的功能，所以它應該是'NG點擊= 「activeBtn（）」'。 –

感謝您的回覆如此之快@KarlenKishmiryan。但它不適用於'（）'。 –

您是否正確創建了'controller'？ –

錯字錯誤：

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/

來源

2017-06-19 07:56:57 Ved

感謝您的快速回復！但是，這似乎並沒有訣竅：/ –

這仍然在調用方法？ – Ved

我添加了一些更多的信息！ –

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

來源

2017-06-19 09:41:02 Gokul

雖然此代碼片段可能會解決問題，但[包括解釋]（http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers）確實有助於提高帖子的質量。請記住，您將來會爲讀者回答問題，而這些人可能不知道您的代碼建議的原因。 – DimaSan

ng-click div標籤將不會執行

回答

相關問題