title: angularjs ngSlide on $modal create only single instance on swipe
body: <p>in angularjs i am using ngAside. its a plugin for <code>angularjs</code> based on <code>ui.bootstrap $modal</code>.</p>
  
  <p>In my code i am using <code>ng-swipe</code> such as <code>ng-swipe-left</code> and <code>ng-swipe-right</code>.
  the problem is that on swipe there are multiple sliding menus are opened.
  it works well when put with button bt when implemented with swipe gestures 
  it opens multiple instances. is there anyway i can open only 1 instance for each swipe</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body ng-app="myApp" ng-controller="globalCtrl" ng-cloak ng-swipe-right="openScrollModal('right')" ng-swipe-left="openScrollModal('left')"&gt;
  &lt;div ng-include="'menus/navmenu/navmenu.html'" ng-show="showMenu"&gt;&lt;/div&gt;
  &lt;div class="container"&gt;
  &lt;div class="slide-left" ng-view&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>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");
    }
  
    } 
  
  });
  </code></pre>