javascript - 用 Angular 交换类

我正在使用angular打开和关闭一侧（在标题下打开和关闭），我想知道是否有一种方法可以在类之间交换，当我也这样做时，可以交换一些css。这是我在做什么-

<form name="metaDeta" id="lessonDetails" class="lessonItem" ng-controller="detailsController">
    <div class="small-12 columns">
    <div class="lesonHead lessonHeadOpen saDetailsHead" ng-click="showDetails = ! showDetails"  ng-class="myVar">

            <h5>Lesson Details</h5>
        </div>
        <div class="lessonSASlider" ng-show="showDetails">

这对于打开和关闭表单效果很好，但是我想尝试在.lessonHeadClosed之间切换一个类.lessonHeadOpen。因此，基本上，我正在寻找类似addClass / removeClass之类的东西，甚至在用户打开和关闭该元素时也可以单击以在该元素的2个类之间切换。角度可以吗？我可以解决现有的工作，还是必须重新构造。谢谢！

最佳答案

您可以使用ng-class根据表达式的结果动态添加类。 Read ngClass

<div class="lessonHead" ng-click="showDetails = ! showDetails">
  <h5>Lesson Details</h5>
</div>
<div ng-class="{className: showDetails}">
</div>

该指令将评估showDetails表达式，如果为true，则将应用类className

更新：
如果我理解正确，请执行相同的操作，但将表达式取反，因此，如果showdetails不显示，则添加一个类，然后在show details为true时将其删除，并添加另一类。 <div ng-class="{classOne: showDetails , classTwo: !showDetails}"> SEE FIDDLE