angularjs - 如何检查元素是否具有 AngularJS 类？

Question

我有一个在网站上完美运行的面板外菜单。用户可以使用导航图标或用手指滑动来打开和关闭它。

现在我有一个非常漂亮的导航图标，它在被点击(并打开菜单)时从菜单图标转换为 X 图标，而当再次点击并关闭菜单时则相反。但是如果用户滑动打开或关闭菜单而不是使用导航图标，则不会触发转换，这可能会导致用户体验困惑(即菜单被关闭，导航图标显示 X 而不是常规的 3 条水平线图标)。

因此，导航图标现在具有以下代码来触发转换:

ng-click="open = !open" ng-class="{'open-mob':open}">

我认为解决这个问题的一个很好且简单的方法是每次打开或关闭菜单时触发这个“open = !open”，因为面板中的 js 将类 slidRight 添加到主要部分时菜单打开，关闭时将其删除。

既然如此，是否有一些直接的方法可以使用 AngularJS 来检查该类是否存在？
类似 如果 class = slidRight -> "open = !open"。

谢谢!!

Answer 1

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

在此处阅读 angular 文档以获取更多信息。

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

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