angularjs - 追加 - ng-model 使い方




要素にAngularJSクラスがあるかどうかをチェックするには? (2)

私はオフパネルメニューをサイト上で完璧に動作させています。 ユーザーはナビコンを使用したり、指でスライドさせたりすることで開閉できます。

今すぐ私は非常に素晴らしいナビコンアイコンを持っています。これは、メニューアイコンからクリックされたとき(メニューを開くとき)、メニューアイコンをXアイコンに変え、もう一度クリックするとメニューが閉じるときの逆です。 Buuut Naviconを使用する代わりに、ユーザーがメニューを開いたり閉じたりすると、遷移が引き起こされず、UX上で混乱を招く可能性があります(つまり、メニューが閉じており、naviconは通常の3水平線の代わりにXを表示します)。アイコン)。

したがって、naviconは、遷移をトリガする次のコードを今すぐ持っています:

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

私は、これを修正するうれしい簡単な方法は、メニューが開いたり閉じたりするたびに、この "open =!open"をトリガーすることだと考えました。オフパネルのjsがクラスslidRightをメインセクションに追加するのでメニューが開いていて、閉じているときに削除されます。

そのため、クラスがAngularJSを使用しているかどうかを確認する方法がありますか? class = slidRight - > "open =!open"のようなものです。

ありがとう!!



Angularの文書の周りに頭を上げられなかった人(私を含む)のために、私のために働いた例がここにあります:

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

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

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

これが誰かを助けることを願う





menu