隠し要素を表示するか、リンク要素の動作を変更しますか？

Question

ナビゲーション内にアイコンが表示されたリンクがあります。アイコン自体は、+〜xのアニメーションです。 x状態では、アイコン/テキストのクリックで「閉じる」ことができます。今私はここで何が最善のアプローチであるか分かりません。アニメーションは、Xへの移行で行われたときに示す隠された要素を持っており、それが

希望のURLに$state.transitionTo('state')をトリガーするように、この

がリンクにクラスを追加隠すため

1. 提案

you can check it here at my plunker

Answer 1

<nav ng-class="{'1': 'nav rotate'}[myVar]"> <a ui-sref="home" class="nav__home">Home</a> <a ng-click="myVar == '1' ? myVar ='0' : myVar = '1'" ui-sref="random" class="nav__random" > <span class="glyphicon glyphicon-plus"></span> random </a> </nav>