首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将位于“ng-view”内的“ng-click”指令重新绑定

将位于“ng-view”内的“ng-click”指令重新绑定
EN

Stack Overflow用户
提问于 2014-10-16 22:24:45
回答 1查看 216关注 0票数 3

我使用AngularJS指令:ng-click="$event.stopPropagation();"使引导下拉菜单在随后的第一次单击之后保持打开。效果很好。

然而,当我使用ng-view路由到同一元素时,动态呈现的下拉列表版本将失去其ng-click功能。我怎样才能重新绑定这个元素?

编辑:应以下评论的要求,我创建了一个柱塞。目前,这个预ng-view版本按照我的意愿运行,即当用户单击引导下拉按钮时,下拉菜单元素将出现并保持打开状态,直到用户单击菜单外部(或再次单击下拉按钮)。通过使用.dropdown-menu修改html中的ng-click="$event.stopPropagation();"标记,我完成了这个行为。

我发现,一旦我尝试将ngRoute资源模块添加到我的应用程序中(作为编码$routeProvider组件的先驱),ng-click="$event.stopPropagation();"指令就会立即失败。下面是我在上面的Plunk中添加ngRoute的地方:

代码语言:javascript
运行
AI代码解释
复制
angular.module('ui.bootstrap.demo', ['ngRoute', 'ui.bootstrap']); 

有人能告诉我发生了什么事,我怎样才能修好它吗?我最终希望通过视图呈现该按钮,但要这样做,一起使用ng-click指令绑定并运行。

EDIT2:用户在下面的注释中提供了一个可行的解决方案。通过从#标记中删除href,不会跳过ng-click。为了子孙后代的利益,在柱塞中实现了这个解决方案。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-18 04:52:43

A元素中的href="#“导致页面导航,尝试使用href="”代替。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26419055

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档