angular $ uibModalStack.dismissAll（）は動作しません

Question

私は以下のコントローラを持っています：それにルーティングされると、ボタンなしのモーダルポップアップ「Wait」が表示されます。ポップアップがオンの間、私はデータを返すhttp呼び出しを行います。どういうわけか、この時点で何もボタンを使わずにポップアップを閉じたいと思います。私は成功せずに様々なことを試みました。私の実験では、私にこれらの2エラー無しオプションを与えた：残念ながら、彼らは動作しません

 $scope.popup.close('a'); 
     $uibModalStack.dismissAll(); 

、ポップアップが上のままです。ここで何か助けに感謝します。ここで私は、コントローラのために持っているものです。

app.controller('PreviewCtrl', function($scope, $rootScope, $log, $location, $injector, $uibModal, $uibModalStack, cropService) { 
    var service = $injector.get('previewImageService'); 
    $scope.crop = service.getProperty(); 
    $log.info("PreviewCtrl --ln 1353 crop:", $scope.crop);  
    if($scope.crop == null){ 
     $location.path("/edit");   
    } 

    var prefix = '${binding.variables.awsCropFolder}'+"/"+$scope.crop.name+"/"+$rootScope.imgName; 
    $scope.srcPreview = null;   


    $scope.popup = $uibModal.open({ 
     animation: true,    
     templateUrl: 'progress.html', 
     ariaDescribedBy: 'modal-body', 
     size: "sm" 
    });//backdrop: "static", 

    $scope.getImage = function() {    
     var promise = cropService.getCrop(prefix); 
     promise.then(
      function(payload) { 
       //console.log("payload:", payload)    
       $scope.srcPreview = payload.data.src == "" ? null:payload.data.src;     
      }, 
      function(errorPayload) { 
       $log.error('Promise failure', errorPayload); 
      } 
     ); 
     console.log("POPUP", $scope.popup); 
     $scope.popup.close('a'); 
     $uibModalStack.dismissAll(); 
    }; 
    $scope.getImage(); 

    $scope.returnToEdit = function() { 
     $location.path("/edit"); 
    }; 

}); 

Answer 1

同じ問題に遭遇し、誰のために - 私はjqueryの1とモーダルポップアップ置き換え：http://dev.vast.com/jquery-popup-overlay/ をそして、それは作品を作品！手順：

1) download + install jquery.popupoverlay.js 

2) add your popup: 
<div id="my_popup"> 
    <div class="modal-body" style="background-color:#ffffff;margin:0px 5px 0px 8px;"> 
     <img height="10" width="150" src="/resources/images/imageTool/progress.gif" alt="Progress Bar"/> 
    </div> 
</div>  
3) Add logic to open and close it: 
    $scope.getImage = function() {    
     var popUp = $('#my_popup'); 
     popUp.popup('show'); 
     var promise = cropService.getCrop(prefix,null); 
     promise.then(
      function(payload) { 
       //console.log("payload:", payload)    
       $scope.srcPreview = payload.data.src_1 == "" ? null:payload.data.src_1; 
       setTimeout(function(){popUp.popup('hide')}, 4500); 
      }, 
      function(errorPayload) { 
       $log.error('Promise failure', errorPayload); 
      } 
     ); 
    }; 

私は角ポップアップを使用したいと思いますが、今は私がしなければならないことがあります。