Angularjs 如何在单击时切换angular js中的类

我正在尝试切换一个类点击，请找到我下面的代码

<li class="dropdown" data-ng-class="sign-open">
  <a href="" class="dropdown-toggle" data-ng-click="signToogle()">Sign In <b class="caret"></b></a>
  <div class="dropdown-menu" style="padding: 15px;">
    <form action="#" method="post" accept-charset="UTF-8" class="form-menu">
      <input id="user_username" type="text" name="user[username]" size="33" placeholder="Username">
      <input id="user_password" type="password" name="user[password]" size="33" placeholder="Password">
      <label class="checkbox muted hidden-tablet">
        <input type="checkbox">Remember Me</label>
      <input class="btn span3" type="submit" name="commit" value="Sign In">
    </form>

  </div>
</li>


//sign in show-hide
$scope.signToogle = function () {
    if ($scope.sign-open === "")
        $scope.class = "open";
    else
        $scope.class = "";
}

这个js函数将addclass open，所以如果ul将open类作为其父类，那么它将是可见的。 但我不知道如果单击一次，则如何使其为true和class append，如果再次单击语句false，则类将被删除。

您可以使用ng class

设置或重置$scope.u在您单击时处于活动状态您可以使用ng类

设置或重置$scope.com在您单击时处于活动状态 var-app=angular.module'app'，[]； 应用程序控制器'Main'，函数$scope{ $scope.isOpen=false； }; .项目跨度{ 显示：无； } .item.close span.show-on-close{ 显示：块； } .item.open span.show-on-open{ 显示：块； } 打开 关 切换 var-app=angular.module'app'，[]； 应用程序控制器'Main'，函数$scope{ $scope.isOpen=false； }; .项目跨度{ 显示：无； } .item.close span.show-on-close{ 显示：块； } .item.open span.show-on-open{ 显示：块； } 打开 关 切换

---

您可以使用类的条件进行检查。像这样，'if$scope.class=='open'{//remove class..}'您可以使用类的条件进行检查。像这样的'if$scope.class=='open'{//remove class..}'那么js函数端的代码呢，你能不能也帮帮忙。如果我想添加类open，我应该把它改成{open:is_active}那么js函数端代码呢，你能帮我一下吗。如果我想增加类打开，它会添加类活跃吗？如果我将它改为{Open：iSyActive }，关于在CLCKSO上使其为真和假，请考虑接受这个答案，如果它回答了你的问题，你的答案是正确的，但是尼基尔更快速地回答，所以，对你来说，赞成你的方法只是欣赏你的好工作。如果把它写在CLCKSO上，请考虑接受答案，如果它回答你的问题，你的答案是正确的，但是尼基尔的回答更快，所以对你的投票只是让我欣赏你的好工作。

<div ng-class="{active: is_active}">Some div</div>

<button ng-click="is_active = !is_active" ng-init="is_active=false">Click to toggle</button>