一尘不染

如何使用AngularJS检查元素是否具有类?

angularjs

我有一个脱机菜单,可以在网站上完美运行。用户既可以使用导航键也可以用手指滑动它来打开和关闭它。

现在,我有一个非常不错的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”。

谢谢!!


阅读 228

收藏
2020-07-04

共1个答案

一尘不染

Angular原生使用jqLit​​e的.hasClass()。

在此处阅读有关docs的更多信息。

http://docs.angularjs.org/api/angular.element

https://docs.angularjs.org/api/ng/function/angular.element

2020-07-04