使用角度添加滑动效果到bootstrap下拉列表

Question

我正在使用Bootstrap 3并尝试使用show / hide.bs.dropdown为下拉菜单设置动画。它正在工作，但我只能让它适用于第一个菜单项。我不知道如何将$ index从angular传递给函数。在传递的事件中是否有任何东西我可以用来索引项目或者我可以使用angular解决这个问题吗？我只想使用slideDown和slideUp动画。

这是我的Javascript

Animal

这是我点击最后一个元素时第一个元素如何动画的例子。

这是我的HTML / angular

// 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();
});

请告诉我是否还有其他任何内容可以帮助回答这个问题！谢谢！

Answer 1

你能展示你的角度测试功能吗？ 对不起，我没有评论设施。请不要投票.. :(