如何在ng-click上切换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 class,则它将可见。但是不知道我该如何做,如果单击一次,然后是true,然后追加类如果再次单击语句是false,则将删除类

妮基·巴里嘉(Nikhil Baliga)

您可以使用 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular JS从指令触发ng类切换

来自分类Dev

单击(或 ng-click)时在父 div 上切换类

来自分类Dev

如何在 Angular 中切换类

来自分类Dev

如何在Angular js中切换orderby

来自分类Dev

如何在Angular中删除切换事件

来自分类Dev

如何在地图功能中的onclick上切换类?

来自分类Dev

如何在Angular中单击切换字体超赞类?

来自分类Dev

如何在Angular 2中切换单击单个元素CSS类?

来自分类Dev

如何在Vue js中为多个元素切换类

来自分类Dev

如何在Angular.js中的复选框上切换布尔值

来自分类Dev

如何在分配了多个类的元素上切换特定类?

来自分类Dev

在Angular 2中,如何切换字形并触发其功能?* ng如果?

来自分类Dev

如何在各个Bootstrap btn-grruop上切换活动类

来自分类Dev

如何在单击时在具有相同类名的多个元素上切换类

来自分类Dev

如何在反应项目中切换 div 上的类以在移动设备中打开移动菜单

来自分类Dev

如何与ng-click一起使用控制器变量来切换类?

来自分类Dev

如何在chart.js上切换多个y轴之一

来自分类Dev

如何在Android Studio中的应用程序栏上切换菜单图标

来自分类Dev

如何在Ubuntu 15.10 Gnome 3.16中的Caps Lock上切换输入语言

来自分类Dev

如何在Selenium C#中的Chrome上切换标签页?

来自分类Dev

如何在图形会话上的 shell 中在 tty 之间切换

来自分类Dev

如何在 C# 中的 List<string> 上切换大小写

来自分类Dev

如何在Angular2中切换布局

来自分类Dev

如何在Angular npm mydatepicker中打开日期切换?

来自分类Dev

如何在Angular中执行jQuery播放和停止切换按钮?

来自分类Dev

ng-click中的角度切换变量不起作用

来自分类Dev

以编程方式在ng-include元素上切换类

来自分类Dev

如何在angular.js中的ng-click上重建猫头鹰轮播?

来自分类Dev

如何在ReactJS的嵌套组件中切换类

Related 相关文章

  1. 1

    Angular JS从指令触发ng类切换

  2. 2

    单击(或 ng-click)时在父 div 上切换类

  3. 3

    如何在 Angular 中切换类

  4. 4

    如何在Angular js中切换orderby

  5. 5

    如何在Angular中删除切换事件

  6. 6

    如何在地图功能中的onclick上切换类?

  7. 7

    如何在Angular中单击切换字体超赞类?

  8. 8

    如何在Angular 2中切换单击单个元素CSS类?

  9. 9

    如何在Vue js中为多个元素切换类

  10. 10

    如何在Angular.js中的复选框上切换布尔值

  11. 11

    如何在分配了多个类的元素上切换特定类?

  12. 12

    在Angular 2中,如何切换字形并触发其功能?* ng如果?

  13. 13

    如何在各个Bootstrap btn-grruop上切换活动类

  14. 14

    如何在单击时在具有相同类名的多个元素上切换类

  15. 15

    如何在反应项目中切换 div 上的类以在移动设备中打开移动菜单

  16. 16

    如何与ng-click一起使用控制器变量来切换类?

  17. 17

    如何在chart.js上切换多个y轴之一

  18. 18

    如何在Android Studio中的应用程序栏上切换菜单图标

  19. 19

    如何在Ubuntu 15.10 Gnome 3.16中的Caps Lock上切换输入语言

  20. 20

    如何在Selenium C#中的Chrome上切换标签页?

  21. 21

    如何在图形会话上的 shell 中在 tty 之间切换

  22. 22

    如何在 C# 中的 List<string> 上切换大小写

  23. 23

    如何在Angular2中切换布局

  24. 24

    如何在Angular npm mydatepicker中打开日期切换?

  25. 25

    如何在Angular中执行jQuery播放和停止切换按钮?

  26. 26

    ng-click中的角度切换变量不起作用

  27. 27

    以编程方式在ng-include元素上切换类

  28. 28

    如何在angular.js中的ng-click上重建猫头鹰轮播?

  29. 29

    如何在ReactJS的嵌套组件中切换类

热门标签

归档