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：如何添加元素上一类被点击按钮时

回答

相关问题