AngularJS/Bootstrap：从带有指令的链接触发下拉菜单答案

【问题标题】：AngularJS/Bootstrap: trigger dropdown from link with a directiveAngularJS/Bootstrap：从带有指令的链接触发下拉菜单
【发布时间】：2013-12-21 19:16:12
【问题描述】：

我正在尝试触发 Bootstrap 下拉菜单以使用 .dropdown 容器类之外的链接打开。我尝试创建一个指令来调用类似$('a.dropdown-toggle').dropdown('toggle') 的东西，但这对我不起作用。

这看起来非常类似于： How to toggle a Bootstrap dropdown menu from a link? 但这似乎并不适用于 100%，也没有明确的答案。我不希望检查具有 dropdown 类的 div 是否也具有 open 并据此显示和隐藏。有正确的实现吗？

这是我的 plunkr 向您展示我的意思。当第一个“显示链接”链接应该切换另一个“显示链接”链接的下拉列表时，它什么也不做。 Twitter Bootstrap 文档确实说要使用 $().dropdown('toggle') 进行切换，但这似乎不起作用。

http://plnkr.co/edit/KF60Um2KjzPX0dr6WqKC?p=preview

【问题讨论】：

标签： jquery angularjs twitter-bootstrap angularjs-directive

【解决方案1】：

您是否包含了 dropdown.js 插件？我看到使用萤火虫的错误说：

Uncaught TypeError: Object [object Object] has no method 'dropdown'

请参考：http://getbootstrap.com/javascript/#dropdowns

【讨论】：