У меня есть <div>
с ng-click
, но этот <div>
имеет дочерний элемент , а также директиву ng-click
.
Проблема заключается в том, что событие click для дочернего элемента запускает также событие щелчка родительского элемента.
Как я могу предотвратить событие родительского щелчка, когда я нажимаю на его ребенка?
Вот пример jsfiddle, чтобы проиллюстрировать мою ситуацию.
Заранее благодарим вас за помощь.
ИЗМЕНИТЬ
Вот мой код:
<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>