在angularjs spa应用程序中，Bootstrap下拉菜单不会崩溃

Question

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

bootstarp dropdown menu example

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

我该如何解决这个问题？

Answer 1

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

<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元素。