Javascript AngularJS：单击按钮时如何在元素上添加类

我知道这个问题有一些答案，但我找不到解决我的代码结构

我想在单击切换类时添加类

isVisible

或

notVisible

这是我的代码：

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

添加类

.isVisible{
显示：无；
}
.不可见{
显示：显示；
}

添加类

除了一个声明之外，您的代码似乎还可以

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

这一定是你的立场

然后定义isVisible和notVisible类

试试这个

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

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

添加类
.isVisible{颜色：红色；}
.notVisible{颜色：绿色；}

我已经更新了您的

添加类

你的可见和不可见类在哪里？请在问题中添加你的CSS和js-很好

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