AngularJS ng-click stopPropagation（停止事件冒泡）

29 浏览
0 Comments

AngularJS ng-click stopPropagation（停止事件冒泡）

我在表格行中有一个单击事件，而且这行还有一个带有单击事件的删除按钮。当我单击删除按钮时，行上的单击事件也会触发。

这是我的代码。

{{user.firstname}}
{{user.lastname}}
{{user.email}}

 

 

当我单击表格单元格中的删除按钮时，如何防止触发 showUser 事件？

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

对于Stewie回答的补充。假如你的回调函数需要决定是否停止事件传播，我发现向回调函数传递$event对象非常有用：





在回调函数中，你可以决定是否停止事件传播：




$scope.childHandler = function ($event) {
  if (wanna_stop_it()) {
    $event.stopPropagation();
  }
  ...
};




									

				

									

			

			
0

		

	



											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
ngClick指令（以及所有其他事件指令）创建了一个变量$event，该变量在同一作用域中可用。此变量是对JS event对象的引用，可用于调用stopPropagation()函数。 



  

    {{user.firstname}}
    {{user.lastname}}
    
      
                  
  






 


PLUNKER

									

				

									

			

			
0