Как проверить, имеет ли элемент класс с AngularJS?

У меня есть меню на панели, отлично работающее на сайте. Пользователь может открывать и закрывать его с помощью навигатора или сдвигать его пальцем.

Прямо сейчас у меня есть очень красивый значок навигатора, который переходит с иконки меню на значок X, когда нажимается (и открывается меню), и наоборот, когда нажимается снова, и меню закрывается. Buuut, если пользователь скользит меню открыто или закрыто вместо использования навигатора, переход не запускается, что может привести к путанице в UX (т.е. закрываемое меню и навигационному устройству, показывающему X вместо обычных 3 горизонтальных линий значок).

Итак, у навигатора теперь есть следующий код для запуска перехода:

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

Я подумал, что хороший и простой способ исправить это, будет запускать этот "open =! open" каждый раз, когда меню открыто или закрыто, так как js с выпадающей панели добавляет класс slidRight к основному когда меню открыто, и удаляет его, когда он закрыт.

Итак, есть ли какой-то прямой способ проверить, существует ли класс с помощью AngularJS? Что-то вроде , если class= slidRight → "open =! Open".

Спасибо!!

Ответ 1

Angular использует jqLite.hasClass() изначально.

Подробнее читайте в документах angular.

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

Ответ 2

для тех (включая меня), которые не могли окунуться в документацию Angular, вот пример, который работал у меня:

angular.element(myElement).hasClass('my-class');

angular.element(myElement).addClass('new-class');

angular.element(myElement).removeClass('old-class');

надеюсь, что это поможет кому-то...