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

Question

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

bootstarp dropdown menu example

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

我该如何解决这个问题？

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;
}

并替换 <a>带有 <span> 的标签标记并将该类附加到新的 span 元素。