AngularJS：如何添加元素上一類被點擊按鈕時

我知道，這個問題有一定的答案，但我無法找到我的代碼結構的解決方案......AngularJS：如何添加元素上一類被點擊按鈕時

我想補充isVisible類或notVisible當我點擊toggle-class

這是我的代碼：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
<div> 
    <div> 
    <div> 
     <div> 
     <a href="#" class="toggle-class" ng-click="element = !element">Click to toggle menu</a> 
     </div> 
    </div> 
    </div> 
    <div ng-class="{isVisible: element, notVisible: !element}"> 
    Add class 
    </div> 
</div>

來源

2016-04-06 Valip

哪裏是你的可見和不可見的類？ –

請在問題中添加您的CSS和js – byteC0de

http://jsfiddle.net/arunpjohny/ear1mko0/1/ - 很好 –

.isVisible{ 
 
    display:none; 
 
    } 
 

 
.notVisible{ 
 
    display:show; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app> 
 
    <div> 
 
    <div> 
 
     <div> 
 
     <a href="#" class="toggle-class" ng-click="element = !element">Click to toggle menu</a> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div ng-class="{'isVisible': element, 'notVisible': !element}"> 
 
    Add class 
 
    </div> 
 
</div>

試試這個

<div ng-class="{'isVisible': element, 'notVisible': !element}">

來源

2016-04-06 09:38:19

這不起作用 – Valip

您的代碼似乎是好的，除了一個statment

 <div ng-class="{'isVisible': element, 'notVisible': !element}">

這一定是你statment

，並定義ISVISIBLE和notVisible類

來源

2016-04-06 09:42:58

試試這個

<div ng-class="{'isVisible': element, 'notVisible': !element}">Add class</div> 

.isVisible{color:red;} 
.notVisible{ color:green; }

來源

2016-04-06 09:47:51 byteC0de

我有更新FIDDLE

<div ng-app ng-init="element= true"> 

     <a href="#" class="toggle-class" ng-click="element = !element">Click to toggle menu 
     </a> 
    <div ng-class="{'isVisible': element, 'notVisible': !element}"> 
    Add class 
    </div> 
</div>

來源

2016-04-06 09:50:40 IsraGab

AngularJS：如何添加元素上一類被點擊按鈕時

回答

相關問題