单击导航栏下拉列表时，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 （请点击＆＃34打开;在单独的窗口中启动预览＆＃34;查看导航栏） 点击导航栏按钮＆＃34;下拉＆＃34;。

如果我调试屏幕，我可以看到根本没有呈现ngView，我只看到了这一点：

<!-- ngView:  -->

有什么想法吗？

Answer 1

您应该将其添加到ul标签：

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

Answer 2

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

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