angular: 下载文件时显示加载进度条

11 浏览
0 Comments

angular: 下载文件时显示加载进度条

我正在使用Angular构建我的第一个网站，遇到了一个问题：如何在下载文件时显示加载进度条。

  1. 用户点击下载链接
  2. 客户端显示“加载中…”的消息
  3. 客户端向服务器发送请求以生成并返回文件
  4. 服务器将动态生成的文件返回给客户端
  5. 客户端隐藏“加载中…”的消息
  6. 客户端开始下载文件

我尝试了以下方法：

$scope.download = function() {
    $scope.showLoading = true;
    var url = 'http://localhost:9000/download?file=myfile';
    $http.get(url).success(function(data) {
        $scope.showLoading = false;
        // 如何使用Angular保存文件(data)？
    });
}

我该如何使用Angular保存文件(data)？

0