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

标签 angularjs angular-ui angular-ui-bootstrap ngroute ng-view

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

这就是我定义 ngView 的方式:

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

这是一个骗子:http://plnkr.co/edit/l8GVWUiq2HRL3lXhu9xd?p=preview (请通过单击“在单独的窗口中启动预览”来打开以查看导航栏) 单击导航栏按钮“下拉”。

如果我调试屏幕,我可以看到 ngView 根本没有渲染,我看到的只是:

<!-- ngView:  -->

有什么想法吗?

最佳答案

您应该将其添加到 ul 标记中:

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

关于angularjs - 单击导航栏下拉菜单时 ngView 消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32109279/

相关文章:

javascript - 在 Angular js 中将给定状态显示为模态视图和普通 View

javascript - 在 AngularJS 中获取选定的选项

javascript - 为什么模态无法访问外部 Controller ?

css - 如何在 AngularJS 中有条件地应用 CSS 样式?

javascript - Angular 和 Laravel 应该是单独的应用程序还是 Laravel 应该为 Angular 应用程序提供服务?

css - ui-bootstrap 滚动标签 : prevent first tab from moving

angular - 如何在 TypeScript/JavaScript 中使用 Angular Material 主题颜色?

css - 如何在 ng-option 中为每个选项应用 font-family

javascript - 在angularjs中检测输入文本长度

angularjs - Adal & Adal-Angular - 刷新 token 无限循环