我有一个<div>
with a ng-click
但是这个<div>
have a 子元素还有一个ng-click
指示。
问题是子元素上的单击事件扳机also the 的点击事件 父元素.
当我点击他的孩子时,如何防止父点击事件?
这是一个jsfiddle http://jsfiddle.net/qu86oxzc/2/来说明我的情况。
预先感谢您的帮助。
EDIT
这是我的代码:
<body ng-app ng-controller="TestController">
<div id="parent" ng-click="parentClick()">
<div id="child" ng-click="childClick()"></div>
<p ng-bind="elem"></p>
</div>
<div><p style="text-align:center" ng-bind="childElem"></p></div>
</body>
<script>
function TestController($scope) {
$scope.parentClick = function() {
$scope.elem = 'Parent';
}
var i = 1;
$scope.childClick = function() {
$scope.elem = 'Child';
$scope.childElem = 'Child event triggered x' + i;
i++;
}
}
</script>
您应该使用 event.stopPropagation() 方法。
看:http://jsfiddle.net/qu86oxzc/3/ http://jsfiddle.net/qu86oxzc/3/
<div id="child" ng-click="childClick($event)"></div>
$scope.childClick = function($event) {
$event.stopPropagation();
...
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)