我有一个脱机菜单,可以在网站上完美运行。用户既可以使用导航键也可以用手指滑动它来打开和关闭它。
现在,我有一个非常不错的navicon图标,当单击(并打开菜单)时,它会从菜单图标过渡到X图标,反之,当再次单击并关闭菜单时,它又会转变为X图标。Buuut,如果用户将菜单滑动到打开或关闭而不是使用导航按钮的状态,则不会触发过渡,这可能会导致UX混乱(即,菜单被关闭,并且导航按钮显示X而不是规则的3条水平线图标)。
因此,navicon现在具有以下代码来触发转换:
ng-click="open = !open" ng-class="{'open-mob':open}">
我认为解决此问题的一种好方法是,每次打开或关闭菜单时都触发此“ open =!open”,因为关闭面板上的js将slidRight类添加到主部分时,菜单打开,关闭时将其删除。
如此,是否有一些直接方法可以使用AngularJS检查类是否存在?类似于 if class = slidRight- >“ open =!open”。
谢谢!!
Angular原生使用jqLite的.hasClass()。
在此处阅读有关docs的更多信息。
http://docs.angularjs.org/api/angular.element
https://docs.angularjs.org/api/ng/function/angular.element