Bootstrap 下拉菜单不会在 angularjs spa 应用程序中折叠

Question

我在 angularjs SPA 项目中使用 bootstrap LTR 3.1.1。我正在使用此代码在我的应用程序中创建下拉菜单：

bootstarp dropdown menu example

但是当我点击 dropdown 链接时，不会出现子菜单，我的应用程序将重定向到它的根目录。

我该如何解决这个问题？

Answer 1

我们在使用 angular + bootstrap 的项目中遇到了类似的问题，其中下拉元素会重定向到根目录。我们改变了

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>

进入

<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>

href="#" 确实是指您的应用程序的根目录，将其删除并替换为删除链接的同时保留指针光标。或者，您可以添加一个 CSS 类，如

.pointerCursor {
  cursor: pointer;
}

并用<span> 标记替换<a> 标记并将类附加到新的span 元素。