我正在尝试在点击时切换课程,请找到下面的代码。
<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 class,则它将可见。但是不知道我该如何做,如果单击一次,然后是true,然后追加类,如果再次单击语句是false,则将删除类。
您可以使用 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
单击时设置或重置
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句