在Angular中是否可以执行NG-CLICK或NG-SUBMIT从服务器下载文件？ （使用PHP）

Question

现在，我的功能看起来像这样

    scope.downloadCsv = function(){
         $http.({
          method:'POST',
          url:'php/crud.php',
          data:scope.postPayload,
          headers:{'content-type':'application/x-www-form-urlencoded'} 
          }).success(function(){console.log("download done!")});
     };

我尝试将该按钮绑定到ng-click，ng-submit，并按照Angular中的将文本/ csv内容作为文件从服务器下载到服务器上的说明进行操作（该方法在Firefox上有效，但不起作用）。

我不知道技术术语，但我想我需要某种方式才能单击带有“ POST”请求的链接，这样浏览器认为这不是ASYNC调用，我只是不知道如何完成它。 它必须是一个帖子，因为我要将一堆数据传递到服务器以进行操作以生成CSV。 任何帮助是极大的赞赏！

Answer 1

您不能使用ajax下载文件。 我的第一个选择是只创建一个普通的html表单，以发布到隐藏的iframe中：

<form method="post" action="php/crud.php" target="hidden_iframe">
<input type="hidden" name="data" value="{{postPayload}}">
<button type="submit">Download!</button>
</form>
<iframe name="hidden_iframe"></iframe>