点击包裹的复选框时，请不要触发父元素的ng-click。

34 浏览
0 Comments

点击包裹的复选框时，请不要触发父元素的ng-click。

在AngularJS中，我有一行带有ng-click属性的表格行。它用于弹出一个包含有关表项详细信息的对话框。此外，每个表格行都有一个复选框，用于选择要进行批处理（例如删除）的项。


  
      
  
  {{ item.foo }}
  {{ item.bar }}

然而，当我点击复选框时，父表格行的ng-click事件也被触发。我如何防止这种情况发生？我只想在用户点击表格行而不是复选框时打开对话框。

除了将ng-click绑定到各个单元格之外，还有其他选项吗？

0

1 答案

0 Comments

问题出现的原因是点击包装的复选框时，父元素的ng-click事件也会被触发。解决方法是在复选框的ng-click事件上使用$event.stopPropogation方法来阻止事件冒泡到父元素的点击事件。以下是解决方法的示例代码：

以上代码中，在复选框的ng-click事件处理函数中调用$event.stopPropagation()方法可以阻止事件冒泡，从而避免父元素的点击事件被触发。

0