Mam wyłączone menu panelu działające idealnie na stronie. Użytkownik może go otworzyć i zamknąć za pomocą nawigatora lub przesuwając go palcem.

W tej chwili mam bardzo ładną ikonę navicon, która po kliknięciu przełącza się z ikony menu na ikonę X (i otwiera menu), a na odwrót, gdy zostanie ponownie kliknięta i menu zostanie zamknięte. Jeśli użytkownik przesunie menu otwarte lub zamknięte, zamiast korzystać z nawigatora, przejście nie zostanie wyzwolone, co może prowadzić do nieporozumień na UX (tj. Menu zamknięte, a nawigacja pokazuje X zamiast zwykłych 3 linii poziomych Ikona).

Nawigator ma teraz następujący kod, aby uruchomić przejście:

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

Pomyślałem, że fajnym i łatwym sposobem na naprawienie tego będzie uruchomienie „open =! Open” za każdym razem, gdy menu jest otwarte lub zamknięte, ponieważ js z off panelu dodaje slidRight klasy do głównej sekcji, gdy menu jest otwarte i usuwa je po zamknięciu.

Czy jest tak, czy jest jakiś prosty sposób na sprawdzenie, czy klasa istnieje przy użyciu AngularJS? Coś jakjeśli class = slidRight -> "open =! open".

Dzięki!!