AngularJS-ng点击没有停止传播

AngularJS-ng点击没有停止传播,angularjs,Angularjs,当单击父div时,它工作正常(即只有fun1()在调用)。 当我单击内部div(test4)时,函数fun1()和fun2()都在调用,但是当我单击内部div时,我只想调用fun2() <div ng-click="fun1()"> <div>test1</div> <div>test2</div> <div>test3</div> <div ng-click="fun2()

当单击父div时,它工作正常(即只有fun1()在调用)。 当我单击内部div(test4)时,函数fun1()和fun2()都在调用,但是当我单击内部div时,我只想调用fun2()

<div ng-click="fun1()">
    <div>test1</div>
    <div>test2</div>
    <div>test3</div>
    <div ng-click="fun2()">test4</div>
</div>

测试1
测试2
测试3
测试4
工作插销:

首先需要显式传递$event,然后对其调用stopPropagation()

test4
$scope.fun2=函数(事件){
console.log(“Fun2”)
event.stopPropagation();
}

ngClick
指令(以及所有其他事件指令)创建在同一范围内可用的
$event
变量。此变量是对JS事件对象的引用,可用于调用
stopPropagation()

试试这个
test4


这是

谢谢,它很好用。给猫剥皮的不同方法+1 :)
  <div ng-click="fun2($event)">test4</div>

  $scope.fun2 = function(event){
    console.log("Fun2")
    event.stopPropagation();
  }