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标签将不会执行

回答

相关问题