角度をつけてブートストラップドロップダウンにスライドエフェクトを追加

Question

私はブートストラップ3を使用していて、show/hide.bs.dropdownを使用してドロップダウンメニューをアニメートしようとしています。それは働いていますが、私はそれを最初のメニュー項目のために働かせることができます。 $ indexをangleから関数に渡す方法はわかりません。イベントでアイテムにインデックスを付けるために使用できるものがありますか、それとも角度を使って解決できますか？私は、slideDownとslideUpのアニメーションを使いたいだけです。

は、ここに私のJavascript

// ADD SLIDEDOWN ANIMATION TO DROPDOWN // 
$('.dropdown').on('show.bs.dropdown', function (event) { 
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 
}); 

// ADD SLIDEUP ANIMATION TO DROPDOWN // 
$('.dropdown').on('hide.bs.dropdown', function() { 
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 
}); 

これは最初の要素は、私が最後にクリックしたとき、それはアニメーションだん方法の例です。角度 ここ

私のHTMLがある/

<ul class="nav navbar-nav dropdown"> 
     <li ng-repeat="xmenu in $ctrl.xactMenus.menuList"> 
      <a class="dropdown-toggle navbar-brand" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{xmenu.menuName}} <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
       <li ng-repeat="menuItem in xmenu.menuItems"> 
        <a href="{{menuItem.path}}">{{menuItem.name}}</a> 
       </li> 
      </ul> 
     </li> 
    </ul> 

私はこの質問に答えるために追加することができない何かがあるかどうか、私に教えてください！ありがとう！

Answer 1

角度テスト機能を表示できますか？ 申し訳ありませんが、私は施設にコメントしていません。してください投票をしないでください:(