模态元素刷新页面:需要停止

Question

>我目前有一个网页，可以调用用户可以上传文件的模态元素。 用户单击上传后，文件将上传到亚马逊云科技 （S3） 并刷新页面。 这很好，除了我还尝试将有关该特定上传事件的元数据发送回个人服务器，这样就会有事件发生的记录，并且随着刷新，它无法完成将数据发送回我的服务器。

这是我在 html 中用来声明按钮的代码：

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

这是我的JS：

$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，我发现它可能发生在这一行： $scope.modalBox.$promise.then($scope.modalBox.hide);

我不知道如何操纵它以防止它刷新。

Answer 1

想通了！它与Angular，JS或HTML元素没有任何关系，而是与亚马逊网络服务政策有关。 政策中有一个选项，可以在成功时重定向表单。 我刚刚删除了这个，重新讨论了政策和签名，瞧！它现在就像一个魅力。 我的表单将文件提交到 S3，但它不会刷新页面。