AngularJS - 显示加载图标，直到CSV文件下载

Question

我有AngularJS应用，我送下载SVC文件在服务器上是这样的：

public static void DownloadCSV(string csvFile, string fileName) 
    { 
     HttpContext.Current.Response.AppendHeader("Content-Disposition", 
      "attachment; " + 
      "filename=" + fileName + ".csv;" + 
      "creation-date=" + DateTime.Now.ToString() + "; " + 
      "modification-date=" + DateTime.Now.ToString() + "; " + 
      "read-date=" + DateTime.Now.ToString()); 
     HttpContext.Current.Response.ContentType = "text/csv"; 
     HttpContext.Current.Response.Write(csvFile); 
     HttpContext.Current.Response.End(); 
    } 

在客户端我发送给名为“exportToCsv”一个的WebAPI功能它使用DownloadCSV功能，以这样的方式

  var p = document.createElement('a') 
      p.setAttribute('href', "myApp/exportToCsv") 
      p.click(); 

我的问题是，我想提出一个加载图标的用户，直到文件完成下载。

我该怎么做？

Answer 1

准备一个带有加载图标（.gif可能）的html，它以屏幕为中心，其余的可能是阴影;

<div ng-show="loading" ng-include src="'loading.html'" ></div> 

在JS端，下载开始前，设置负载为true，完成后其设置为false

$scope.loading = false; // when starts 
$scope.loading = false; // when finished