Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/linux/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 重新绑定';ng单击';指令时';位于';ng视图';_Javascript_Jquery_Angular Ui Bootstrap - Fatal编程技术网

Javascript 重新绑定';ng单击';指令时';位于';ng视图';

Javascript 重新绑定';ng单击';指令时';位于';ng视图';,javascript,jquery,angular-ui-bootstrap,Javascript,Jquery,Angular Ui Bootstrap,我使用AngularJS指令:ng click=“$event.stopPropagation();”在第一次单击之后保持引导下拉菜单打开。它很好用 但是,当我使用ng view路由到同一元素时,下拉列表的动态呈现版本将丢失其ng click功能。如何重新绑定此元素 编辑:应以下评论的要求,我创建了一个。当前,此pre-ng视图版本的行为符合我的要求,即当用户单击引导下拉按钮时,下拉菜单元素出现并保持打开状态,直到用户单击菜单外(或再次单击下拉按钮)。我通过使用ng click=“$event.

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

但是,当我使用
ng view
路由到同一元素时,下拉列表的动态呈现版本将丢失其
ng click
功能。如何重新绑定此元素

编辑:应以下评论的要求,我创建了一个。当前,此pre-
ng视图
版本的行为符合我的要求,即当用户单击引导下拉按钮时,下拉菜单元素出现并保持打开状态,直到用户单击菜单外(或再次单击下拉按钮)。我通过使用
ng click=“$event.stopPropagation();”
修改html中的
.dropdown menu
标记来完成此行为

我发现,只要我尝试将
ngRoute
资源模块添加到我的应用程序中(作为编写
$routeProvider
组件的前身),
ng click=“$event.stopPropagation();”
指令就会立即失败。下面是我在上述Plunk中添加的
ngRoute

angular.module('ui.bootstrap.demo', ['ngRoute', 'ui.bootstrap']); 
有人能告诉我发生了什么事,我如何修复它吗?我最终希望通过视图渲染按钮,但要通过
ng click指令绑定和运行来渲染按钮


EDIT2:用户在下面的评论中提供了一个有效的解决方案。通过从
href
标记中删除
#
,不会跳过
ng单击。为了子孙后代,在中实现了此解决方案

a元素中的href=“#”导致页面导航,请尝试改用href=“”。

是否可以设置plunk以重现该结果?在使用
ng view
后,单击元素是否显示菜单?添加plunk或尝试手动重新编译元素以查看其是否有效。无法根据您的需求想出其他解决方案description@KostiaMololkin:完成。请参见上面的编辑。尝试从Ng href中删除#,只需使用Ng href=“”我想补充的是,
href=“#”
仅在我将
ngRoute
添加为应用程序依赖项后才开始导致问题。我认为这是有意义的,因为它激活了路由模块,并允许每个链接在执行任何其他
ngClick
功能之前刷新页面。没有
ngRoute
时,
ngClick
功能执行OK。