单击当前标记

Question

我有一般的容器是全屏幕背景，里面我有一个小内容的div。在一般容器中，我点击了小div时激活的ng-click。我怎么能禁用它？

<div class="generalContainer" ng-click="onlyBackground()">
    <div class="smallDiv">Content</div>
</div>

我试图在背景和小div上添加z-index，但仍然在小div上激活了功能。我不确定它是css问题还是有角度的。

Answer 1

让孩子进入dom会影响父元素ng-click。 这是因为事件在Dom树中上升。您可以通过强制停止传播来省略它： 使用：

<div class="generalContainer" ng-click="onlyBackground()">
    <div class="smallDiv" ng-click="$event.stopPropagation();">Content</div>
</div>

单击smallDiv时，单击“想要传播到父级”。

Answer 2

你的元素是否有位置属性？ z-index仅在元素具有位置属性时有效。

.generalContainer {
    position: relative;
    z-index: 1;
}
.smallDiv {
    position: relative;
    z-index: 9;
}