防止在父元素上觸發角度材質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