メニュー項目を特定のメニューにルーティングした後で強調表示する方法は？

Question

角度素材の特定のメニューにルーティングされた後（サイドナビゲーション）メニュー項目（選択時）を強調表示するにはどうすればいいですか？誰にでも解決策があれば便利です。

<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" 
    md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')"> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="customer">test1</a> 
    </menu-link> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="project">test2</a> 
    </menu-link> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="material">test3</a> 
    </menu-link> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="boq">test6</a> 
    </menu-link> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="supplier">test8</a> 
    </menu-link> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="order">test10</a> 
    </menu-link> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="invoice">test78</a> 
    </menu-link> 
    <menu-link section="page" class="ng-isolate-scope"> 
     <a class="md-button md-ink-ripple active" ui-sref="enquiry">test89</a> 
    </menu-link> 
</md-sidenav> 

Answer 1

すべてのリンクにui-sref-active="active"を追加します。以下の例を参照してください。ユーザーがui-srefまたはその子のルートに指定されたルート上にあるとき

リンクはactiveクラスを持つことになります。そのクラスを使用して、アクティブなアイテムを任意の方法でスタイルすることができます。