如何在div中禁用root ng-click按钮？

Question

我的代码：

<div ng-click="someAction()">
    <button ng-click="otherAction()"></button>
</div>

单击按钮应该只调用otherAction（）而不调用someAction（）。单击div的其余部分应调用someAction（）。

Answer 1

您可以使用$event.stopPropagation()来阻止从内部范围到外部范围的传播：

<div ng-click="someAction()">
    <button ng-click="otherAction(); $event.stopPropagation();"></button>
</div>

或

<div ng-click="someAction()">
    <button ng-click="otherAction($event)"></button>
</div>

修改otherAction代码如下：

$scope.otherAction = function($event) {
    $event.stopPropagation();
    // Existing code
}

Answer 2

按钮按钮点击

传递事件

<button ng-click="otherAction($event)"></button>

和onAction函数你只需要停止或防止默认

$scope.otherAction = function($event){ $event.stopPropagation; };