在 angularjs 中,我使用的是 ngAside。它是一个angularjs
基于ui.bootstrap $modal
.
在我的代码中,我使用ng-swipe
的是ng-swipe-left
and ng-swipe-right
。问题是在滑动时打开了多个滑动菜单。当使用滑动手势实现时,它与按钮 bt 一起使用时效果很好,它会打开多个实例。无论如何我只能为每次滑动打开 1 个实例
HTML
<body ng-app="myApp" ng-controller="globalCtrl" ng-cloak ng-swipe-right="openScrollModal('right')" ng-swipe-left="openScrollModal('left')">
<div ng-include="'menus/navmenu/navmenu.html'" ng-show="showMenu"></div>
<div class="container">
<div class="slide-left" ng-view></div>
</div>
</body>
控制器
app.controller("globalCtrl",function($aside,$scope,$rootScope,$location,$modal)
{
$rootScope.openScrollModal = function(scroll)
{
log(scroll);
log($location.path());
if($rootScope.isAuthenticated)
{
if(scroll=="right")
{
$aside.open({
templateUrl : 'modals/leftSlide/LeftSlide.html',
placement: 'left',
size: 'sm',
show: false
});
}
if(scroll=="left")
{
$aside.open({
templateUrl : 'modals/rightSlide/rightSlide.html',
placement: 'right',
size: 'sm',
show: false
});
}
}
else
{
log("Not Authenticated..Cannot Slide Menu");
}
}
});