0

angularjs では ngAside を使用しています。angularjsベースのプラグインですui.bootstrap $modal。

私のコードでは、やng-swipeなどを使用しています。問題は、スワイプで複数のスライド メニューが開かれることです。スワイプジェスチャで実装するとボタンbtで配置するとうまく機能し、複数のインスタンスが開きます。とにかく、スワイプごとに1つのインスタンスしか開くことができませんng-swipe-leftng-swipe-right

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");
  }

  } 

});
4

0 に答える 0