防止在父元素上触发Angular Material md-swipe-left / md-swipe-right指令的函数

Question

我有一个父元素填充100％的页面高度和几个子元素。在父切换侧面菜单上向右滑动，但我想阻止此功能，并在我向其子项滑动时触发childAction()。

<div id="parent" md-swipe-right="toggleSideMenu()">
    <div id="child" md-swipe-right="childAction()">
        ....
    </div>
</div>

Answer 1

与所有其他事件指令一样，md-swipe-right提供$event作为本地。 ¹

在HTML中包含$event作为函数的参数。

<div id="parent" md-swipe-right="toggleSideMenu()">
    <div id="child" md-swipe-right="childAction($event)">
        ....
    </div>
</div>

在你的控制器中调用stopPropagation()函数。

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

有关$event的更多信息，请参阅AngularJS Developer Guide -- expressions -- $event