我有一个关闭面板菜单在网站上完美工作。用户可以使用导航仪打开和关闭它,或用手指滑动它。
现在我有一个非常好的导航图标,从菜单图标转换到X图标,当点击(并打开菜单),另一种方式,再次单击,菜单关闭。如果用户滑动菜单打开或关闭而不是使用导航器,则不会触发转换,这可能会导致UX上的混淆(即菜单被关闭,导航仪显示X而不是常规3个水平线图标)。
因此,导航仪现在有以下代码来触发转换:
ng-click="open = !open" ng-class="{'open-mob':open}">
我认为一个很好的方法来解决这个问题,每次菜单打开或者关闭时都会触发这个“open =!open”,因为从关闭面板的js将类别sliderRight添加到主要部分菜单是打开的,并在关闭时将其删除。
是的,有没有直接的方式来检查课程是否在那里使用AngularJS?
类似于class = slidRight – > “open =!open”。
谢谢!!
Angular使用jqLite的.hasClass()本机。
阅读这里的角度文档更多信息。