모달 요소 새로 고침 페이지 : 중지 필요

Question

현재 사용자가 파일을 업로드 할 수있는 모달 요소를 호출하는 웹 페이지가 있습니다. 사용자가 업로드를 클릭하면 파일이 Amazon Web Services (S3)에 업로드되고 페이지가 새로 고쳐집니다. 이것은 특정 업로드 이벤트에 대한 메타 데이터를 개인용 서버로 보내려고 시도하는 것만 큼 좋을 것입니다. 개인용 서버에 이벤트 기록이 있고 새로 고침을하면 서버로 데이터를 다시 보낼 수 없습니다. .

$scope.showModal = function(item){ 
item.$promise.then(item.show); 
item.$options.show = true; 
}; 
$scope.showModal = function(item){ 
item.$promise.then(item.show); 
item.$options.show = true; 
}; 

$scope.closeModal = function(result){ 
if(result){ 
    console.log("Sending File..."); 
    $scope.modalBox.$promise.then($scope.modalBox.hide); 
} else{ 
    console.log("Closing..."); 
    $scope.modalBox.$promise.then($scope.modalBox.hide); 
} 
}; 

$scope.newDoc = function(){ 
$scope.uploadModal = {}; 
$scope.createdString = $scope.uniqueString(); 
$scope.showUpload(); 
}; 

//Show Modal 
$scope.showUpload = function(){ 
$scope.modalBox = $modal({ 
    title: ' ', 
    placement: 'center', 
    template: 'documents/docModal.html', 
    scope: $scope, 
    show: false, 
}); 
$scope.showModal($scope.modalBox); 
}; 

이 코드의 많은 다른 프로젝트에서 상속 : 여기

내가 버튼을 선언하는 내 HTML에서 사용하고 코드입니다 : 내 JS 여기

<button type="submit" class="btn btn-default" ng-click="closeModal(true)">Upload</button> 

을 그리고있다 나는 아직도 이것에 익숙하지 않다. HTML을 변경할 수 없다면 (버튼 유형을 '제출'에서 '버튼'으로 변경해 보았습니다.) JS를 변경했을 것입니다.이 줄에서 발생했을 가능성이 높습니다. $scope.modalBox.$promise.then($scope.modalBox.hide);

나는 상쾌하게하지 않기 위해 이것을 조작하는 방법을 모른다.

Answer 1

알아 냈어! Angular, JS 또는 HTML 요소와 관련이 없으며 Amazon Web Services 정책과 관련이 있습니다. 정책에 성공에 대한 양식을 리디렉션하는 옵션이있었습니다. 나는 방금 이것을 제거하고, 정책과 서명을 다시 생각해 보았다. 그것은 지금 매력처럼 작동합니다. 내 양식이 S3에 파일을 제출하고 페이지를 새로 고치지 않습니다.