如何在ng-click上切换角度js中的类

Question

我想点击一下课程,请找到我的下面的代码.

<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打开,所以如果ul有开放类,因为它是父类,那么它将是可见的.但是不知道我怎么能做到这一点,如果点击一次然后真实和类附加,如果再次点击语句false和类将被删除.

Answer 1

您可以使用 ng-class

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

$scope.is_active单击时设置或重置