角モダール - 携帯端末で閉じることができません

Question

モーダルポップアップウィンドウに角度指令を使用しています。あなたがモバイルデバイスでそれを閉じることができないことが唯一のものです。あなたはその問題を解決するためのヒントをお持ちですか？

.directive('modal', function($uibModal, $rootScope){ 
return { 
    restrict: 'A', 
    scope: false, 
    link: function($scope, element, attrs){ 
    element.bind('click', function(){ 
     var modalInstance = $uibModal.open({ 
     templateUrl: '/components/modal-wrapper.html', 
     scope: $scope, 
     controller: function($scope, $uibModalInstance) { 
      var $ctrl = this; 
      $ctrl.close = function (ret) { 
      $uibModalInstance.close(ret); 
      }; 
      $rootScope.$on('$stateChangeStart', 
      function(){ 
       $uibModalInstance.close(); 
      } 
     ); 
      $scope.close = $ctrl.close; 
      $scope.template = attrs.template; 
     }, 
     controllerAs: '$ctrl' 
     }); 
    }); 
    } 
} 

}）

Answer 1

実際に私はこの問題を発見しました。面白いですが、問題は論理的ではなくCSSにありました。私はクローズボタンのためにスタイリング（パディング）を使用していましたが、それはモバイルデバイスのすべての問題にかかりました。私はパディングを削除し、少しスタイリングを変更し、私のアプリは再び素晴らしい作品です。