当AngularJS$Resource响应作为带有文件名的附件接收时，如何触发旋转器进行文件下载或如何在浏览器中下载文件

Question

我可以在AngularJS控制器中使用下面一行代码成功下载。

$window.location.href =$rootScope.urlBase+'/dios/download/lineitemexcel/'+$routeParams.id

但是，当数据很大并且需要更长的时间时，因此我需要启用角旋转器。没有办法，我可以找到一种方法，启动旋转之前的调用，它应该完成后，文件下载完成在浏览器。

根本问题：我如何能在项目中的现有插件中启用spinner，angular-spinner或USSpinnerService？如果这有一个解决方案，我没有下一个问题。

factory('Dios', ['$resource','$rootScope',
        function($resource, $rootScope){
            return $resource($rootScope.urlBase+'/dios/:id/:status/:third/:fourth/:fifth/:pageNo', {}, {
                get: {
                    method: 'GET'
                },
                update: {
                    method: 'PUT'
                },
                getexcel: {
                    method: 'GET',
                    transformResponse: function(data, headers,status){
                        var dataTransformed = {};
                        dataTransformed.data=data;
                        dataTransformed.headers=headers;
                        dataTransformed.status=status;
                        return dataTransformed;
                    }
                }
            });
        }])

Dios.getexcel({dios:'dios',third:'download',fourth:'lineitemexcel',fifth: $routeParams.id},function(data){
                console.log(data);
]);

X-content-type-options：nosniff

X-XSS-保护：1；模式=块

cache-control：no-cache,no-store,max-age=0,must-revalidate

access-control-expose-headers:1、Access-Control-Allow-Origin、access-control-allow-credential

内容-处置：依附；文件名=lineItems-of_io-1553-8531testing_2018-09-18.xlsx

内容-类型：application/vnd.ms-excel

使用TransformResponse:时，我需要responseheaders信息，但它没有附加到TransformResponse:中的头。

因此，请帮助我为window.location.href=url触发旋转器，或者帮助我如何通过$resource下载接收到的数据。

Answer 1

首先这个问题与angularjs本身无关，这是纯粹的js问题。下载有两个选项：

1. 使用Ajax下载文件，然后使用createobjecturl将其存储在磁盘上。
2. 下载文件的常用方法，即简单href

这两个真的是不同的：-1号在某些浏览器中不能工作-1号给你完全访问请求，你可以舒适地处理错误等-2号开始并行下载，例如在chrome中你可以关闭应用程序的标签，但下载仍然会继续

null