单击导航栏下拉菜单时 ngView 消失

Question

我正在尝试实现一个包含导航栏（http://getbootstrap.com/components/ 参见导航栏）的页面，页面内容是通过 ngView 从部分 html 插入的。但是，当单击下拉菜单时，整个 ngView 部分都会消失。

这就是我定义 ngView 的方式：

<div ng-controller="MainCtrl">
    <div ng-view></div>
</div>

这是一个笨蛋：http://plnkr.co/edit/l8GVWUiq2HRL3lXhu9xd?p=preview （请点击"Launch preview in separate window"打开查看导航栏）单击导航栏按钮 "Dropdown"。

如果我调试屏幕，我可以看到 ngView 根本没有呈现，我看到的是：

<!-- ngView:  -->

有什么想法吗？

Answer 1

您应该将此添加到 ul 标签中：

ng-click="$event.preventDefault();"

Answer 2

只需从下拉 link 按钮中的 <a> 元素中删除 href="#" 属性，它将停止干扰您的路由。

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

ngView disappears when navbar dropdown is clicked